Skip to content
COHO
Atrium design system

COHO docs

Atrium

COHO

v0.1
AI Building

Build an Atrium app with AI

One minimised file with everything an AI tool needs: how to work, the hard rules, the full app contract and the design system. Upload it to any LLM, then describe your app.

ATRIUM-AI-BUILD.mdMarkdown
  1. Upload the file to ChatGPT, Claude, Cursor or any AI tool (or paste its contents).
  2. Describe the app you want in plain English.
  3. Let the AI ask you for the API key when it needs one.
View the file
Auto

Foundation

Typography

View .md

The system font, five sizes and three weights.

The system font stack: fast, familiar on every device, and no web font to download.

Example

Page title, 24px

Section heading, 20px

Sub-heading, 16px bold

Body text, 16px, line height 1.5.

Small muted text, 14px, for hints.

Token Size Use for
--at-text-xl 24px Page title (h1) and the page header title
--at-text-lg 20px Section heading (h2)
--at-text-md 16px Body text, inputs
--at-text-sm 14px Buttons, tables, hints
--at-text-xs 12px Tags

Weights: --at-weight-regular (400) for text, --at-weight-bold (600) for labels, buttons and emphasis, and --at-weight-heavy (700) for headings only, so the top of every screen is clear. Line height: --at-line-height (1.5). Helpers: at-small, at-muted. Do not load web fonts, use other weights, or write in capitals.