Build screens that feel at home in COHO
We've done the design work, so you can focus on your idea. Every component is ready to use, accessible and fits right in with COHO.
Start here
ComponentsButtons, forms, tables and more, ready to copy into your app.Browse components Colours and spacingThe colours, text sizes and spacing every screen uses.See foundations Build with AIGive your AI tool one file and it uses these styles for you.Get the AI file
New here? Read about the design system and the rules. Building the app itself? See the Atrium developer docs.
What it looks like
Deliberately plain
Neutral greys, one blue accent, the system font. It sits quietly inside the COHO frame and works in light and dark mode. It is not COHO's own styling: that belongs to COHO's own developers.
v0.1 20 components Light and dark WCAG 2.2 AA
Meter reads
October 2026
2 reads overdueReminders go out on Monday.
| Property | Status |
|---|---|
| 22 Ashby Road | Submitted |
| 9 Mill Lane | Overdue |
For AI
Give this to your AI
Every page is also plain Markdown. Add this to your prompt and your AI tool reads the whole design system:
Use only atrium.css classes (at-*) and --at-* tokens for every screen. Follow the Atrium design system: https://docs.coho.life/atrium-design/llms-full.txt
Resources