Andrés Araujo

Design system

Styleguide

Every visual decision lives in src/styles/tokens.css. Dark mode follows the OS.

Color

--bg
--surface
--text
--text-muted
--border
--accent
--accent-soft
--selection

Type scale

step-5Agents that ship verified code
step-4Agents that ship verified code
step-3Agents that ship verified code
step-2Agents that ship verified code
step-1Agents that ship verified code
step-0Agents that ship verified code
step--1Agents that ship verified code

Space

--space-3xs
--space-2xs
--space-xs
--space-s
--space-m
--space-l
--space-xl
--space-2xl
--space-3xl

Components

· 4 min read ✓ verified

Body text with a link, some strong text, and inline code. Reading width is capped at --measure so lines stay comfortable.

A prompt is a suggestion. A type error is a wall.
$ node src/main.ts
> fix the failing tests
[step 1 tool_calls] -> bash({"command": "node --test"})   <- exit code 1