Design system · built from 78 answered questions

Accessible first

Large text, large targets and AAA contrast, so everyone can finish the task.

Explore the foundations

41components

174primitives

2themes

Your applicationSave and come back laterContinue

Step	Questions	Time it takes	Status
About you	6	About 2 minutes	Completed
Your home	8	About 3 minutes	Check your answers
Your money	10	About 4 minutes	Not started
Your documents	3	About 5 minutes	Upload failed
Check and send	1	About 2 minutes	Not started

Why it looks like this

Every decision follows from an answer. These are the answers its components and rules cite most. Follow them all in the Decision reference.

What accessibility level do we commit to?

AAA

AAA where it applies; nobody is left out.

people.q2

What is the smallest target?

Large

Large targets for tremor and touch.

accessibility.values

How many signals carry each meaning?

Three: color, icon and word

Never color alone.

accessibility.count

Explore the system

PrimitivesAll 174 raw values, and the tokens that point to each.

Aa

FoundationsColor, type, spacing, shape and motion, each with the answer behind it.

ContinueCheck your answers

Components41 components, each with when to use it and how Accessible first decided.

Use common words. Explain any term you must use.

Voice and tonePlain and direct. Every sentence is easy to read on the first try.

Themes2 themes. Only semantic tokens change; components never do.

open-ds why accessible-first button

For agentsAGENTS.md, the skill and the MCP: an AI builds the way the system would.

Who it is for

• Use it for: Public services, health, government and any product that must work for everyone.
• Not for: Dense expert tools where screen space matters more than size.
• Products like: Benefits application, Health booking, Public form, Council services
• Themes: light, dark

Use scenarios

• A person with low vision zooms to 200% and applies for a benefit with a screen magnifier.
• A person with a tremor completes a form on a tablet.

Every answer

All 78 answers, and the design decisions each one made: Decision reference.