Skip to content
Sam Hayter
  • Design
  • Engineering
  • About

01 / Design

DesignProducts people find easy to use, and systems that keep them that way.

I have designed products for fourteen years: fintech apps, trading screens, design systems. I care most about the details you only notice when they are missing.

5 projects

  • A Venn diagram: Product Design (brand, website, marketing, style guide, design system) overlapping Front-end Development (deploy, implement, backend, codebase, frameworks), with Design Technologist in the overlap

    DesignEngineering2024

    Design Technologist at Kinesis

    The hybrid role I proposed, connecting Kinesis design and engineering into one workflow.

    • Figma
    • Figma Plugin API
    • Storybook
    • +9
  • The green colour spectrum primitives in Figma: vibrant, saturated, muted, tinted and shaded rows of 11 steps each, every swatch labelled with its contrast ratio and WCAG level, with accent, core, muted and container ranges marked

    Design2024

    The Nebula

    A four-tier OKLCH token system spanning 4,250 variables across three Figma files.

    • Figma
    • Figma Plugin API
    • Next.js
    • +5
  • The ClubHost web app on desktop: a course page for The Old Course at St Andrews with tee times, hosts, course information and friends who have played it

    DesignEngineeringIn progress2026

    ClubHost

    A golf platform connecting private club members with golfers who want access, built solo end to end.

    • Next.js
    • Supabase
    • Stripe Connect
    • +7
  • The Edgeways Design System title sheet, v1 October 2026: the system described as compact sports-desk chrome with one replaceable brand accent, a Do next card showing a 2UP early payout bet with its expected value, qualifying loss and rating, the stake form, and seven accent presets from Amber to Rose

    Design2026

    Edgeways Design System

    A documented, componentised design system for a live betting-maths product.

    • Figma
    • shadcn
    • Tailwind
    • +6
  • The Kinesis Exchange on web: the BTC/C1USD market with the pair list on the left, a TradingView candlestick chart in the centre, the order book with its spread and a depth chart on the right, and a limit-order form with Buy and Sell, percentage presets and Place order

    Design2022

    Kinesis Exchange

    Real-time trading of gold, silver and crypto, redesigned from discovery to production on web and mobile.

    • Figma
    • Confluence
    • Fintech
    • +3

Let’s build something.

samhayter.design@gmail.com
  • GitHub
  • LinkedIn

© 2026 Sam HayterCastle Cary, UK