Skip to content

BUILD AT THE SPEED OF THOUGHT

Teams don't slow down from lack of talent. They slow down from lack of clarity.

HUX partners with creative agencies and product teams to build the shared language that removes friction, sharpens decisions, and lets the work move.

Book an intro

ANTI-SYSTEMPHOTOGRAPHY

Through a rain-flecked wing mirror at dusk, a noise barrier streaks past in bands of blue.

Distance Travelled

One vehicle, five days, one line across a continent: Bristol to Kyiv, photographed from the moving seat.

SYSTEMSTRAINING

Group of four people sitting at a table engaged in a discussion, with one person standing and presenting in a modern office space.

Workshops

Learn to build at the speed of thought with inperson no code and design system training.

SYSTEMSINFRASTRUCTURE

Protect Our Winters

A new vision to turn passion into action and inspire a new generation of riders to protect where they play.

SYSTEMSREACT APP

Collage of Hargreaves Lansdown website and app screens showing savings rates, login page, investment options, and account details.

Hargreaves Lansdown

Working across UI, UX, accessibility and product, We shaped the visual language and component architecture for the platform's first unified design system.

SYSTEMSINFRASTRUCTURE

Industrial machinery model with a bright green cylindrical tank mounted on a black metal framework with red coil components.

Deep

Built complete brand and operational design system for ocean exploration company at NASA-scale—from submarines to mission patches to campus infrastructure.

TRAININGTRANSFORMATION

Black and white photo of an open-plan office with four people working at desks with computers, large windows, indoor plants, and a patterned rug on wooden floors.

Hey! What?

Five-day systems training that transformed agency from platform dependency to £60k+ in new Webflow sales and promoted designer to senior role.

DOCUMENTATIONAI

Modern building with angular concrete walls and vertical rust-coloured metal accents under a clear blue sky.

Gendo AI

Created product documentation architecture for generative AI design tool that improved code quality and designer-developer communication.

WEBFLOWENVIRONMENTAL

Black and white aerial view of a winding river flowing between sandy terrain and dark forested land with the text 'Huma/n/ature' and large partial text 'Moshun.'

Moshun Earth

Web development and Webflow build under tight deadline with custom brand implementation and seamless client handover.

ABOUT

HUX partners with product teams to build, adopt, and scale practical design systems.

Hamish Duncan is a Design Systems Architect. He runs HUX, a design systems consultancy for creative agencies and product teams. Coherent for humans. Structured for engineers. Machine-readable for AI. Design as a shared language.

More about HUX

LATEST NEWS

  1. N°002Component-level token architectureCase study · Tokens
    SUBJECT
    Component token architecture
    TIERS
    Primitive → semantic → component
    NAMING
    {component}/{variant}/{property}
    DATE
    30.09.26

    Name the decision, not the value

    A context-based design system that carries meaning, behaviour and intent, not just appearance.

    Primitives hold the raw values. Semantic tokens alias them by role, and components reference the semantic name, never the primitive. One shared identifier keeps Figma variables, code and documentation in sync, with a parity check on every build. Form controls in the same row share one height: labels sit above the box, so size is the single axis in Figma and in code.

    Slide 1 of 9: Context-based design system: a design system that carries meaning, behaviour and intent.
    Slide 2 of 9: Collections overview: primitives, semantic colour, typography and transparency.
    Slide 3 of 9: What a token is: name the decision, not the value.
    Slide 4 of 9: Primitives: nine-step ramps for each hue, spacing, radius and border width.
    Slide 5 of 9: Semantic map: primitives aliased by role, with contrast in light, dark and high contrast.
    Slide 6 of 9: Component token map: the chip, from primitive to semantic to component.
    Slide 7 of 9: Component token map: the button and the agent status indicator.
    Slide 8 of 9: One row, one height: control height tokens and labels above the box.
    Slide 9 of 9: One row, one height: the alignment matrix and the options.
  2. N°001Pentagram lunchtime shareTalk · London
    Three people standing in a timber-roofed studio library under a skylight, between shelves of design books.

    Think as a team; speak machine

    A talk for creative teams on how to navigate the MCP.

    TALK NO.
    2026T 4/12
    CLIENT ADDRESS
    Pentagram, 162 Packington St, London N1 8RA
    SUBJECT
    Think as a team; speak machine
    AUTHOR AND DATE
    Hamish Duncan 21.04.26

    01 Anti-fragile systems
    02 Structured language
    03 Tool convergence
    04 What is an MCP
    05 Think as a team; speak machine
    06 Build playgrounds

    Slide 1 of 24: Think as a team; speak machine: a talk for creative teams on how to navigate the MCP.
    Slide 2 of 24: Agenda.
    Slide 3 of 24: Posterior Hybrid Fixation System.
    Slide 4 of 24: Systems To Restore.
    Slide 5 of 24: Systems To Repair.
    Slide 6 of 24: Systems That Work With Your Mind, Not Against It.
    Slide 8 of 24: The End of the Designer-Engineer Divide.
    Slide 9 of 24: Shared Language.
    Slide 10 of 24: If content was king, context is King Kong.
    Slide 11 of 24: Before you begin: setting up an MCP.
    Slide 12 of 24: MCP = Model Context Protocol.
    Slide 16 of 24: Think as a team; Speak machine.
    Slide 17 of 24: Playgrounds.
    Slide 18 of 24: A Structure For The Team And The Work.
    Slide 19 of 24: Section divider.
    Slide 20 of 24: Beautiful Chaos Collective.
    Slide 21 of 24: System Thinking.
    Slide 22 of 24: AI Accelerates Chaos.
    Slide 23 of 24: 16 Types of systems.
    Slide 24 of 24: The systems lens.

UI TESTING

UI testing for developers and agents

Every change, from a developer or an agent, is tested in real browsers. Snapshots cover every UI state, theme and viewport, so a regression shows up the moment it appears.

See UI Tests in action
VERSION
v0.1
PAGE
Systems Thinkers
SURFACE
hux.works /library/systems-thinkers
SUBJECT
Research Paper
AUTHOR AND DATE
HAMISH DUNCAN 09.05.26

Systems Thinkers

Research Paper

The minds behind the method.

Donella Meadows trained as a biophysicist and helped build World3, the model behind the 1972 Limits to Growth report. Her 1999 paper on leverage points, the places to intervene in a system, is where the HUX systems lens starts.

Read THE PAPER
Portrait of Donella Meadows in a pink top, in front of bookshelves.
Donella Meadows

AI WORKFLOW

1

Perceptual Patterns, a HUX three.js animation.

The MCP Tool That’s Changed How I Design

DESIGN TOKENS

2

Design Tokens Unpacked

CEL METHODOLOGY

3

CEL V2.1

THE MOUNTAIN METAPHOR

4

The Mountain Metaphor

Personalised sessions

FOR TEAMS

<Contact>

Let’s talk about your design system.

You’ll hear back from a practitioner, not a pipeline.

Book an introGet in touch

All flow. No friction.

hamish@hux.works
+44 (0)7832 839 543