Internal

Styleguide

Every site component, every variant. Demo new components here when you add them.

Color tokens

brand-50

brand-100

brand-500

brand-600

brand-700

ink-50

ink-100

ink-200

ink-300

ink-400

ink-500

ink-600

ink-700

ink-800

ink-900

success-50

warn-50

danger-50

Buttons

As link (href)

Cards

Default

White, ink-200 border.

Muted

Ink-50 surface, no border.

Featured

Brand tint + shadow. Used for the highlighted plan.

Dashed

For "coming soon" callouts.

Padding sm

Padding md

Padding lg

Badges

Neutral Live Coming soon Beta Closed

List row (clickable)

Stretched-link pattern. Entire row navigates on click; nested action buttons stay independently clickable. Hover indicator: bg shift + chevron. Used by the dashboard form list and the docs index.

Type

Display 5xl

Heading 3xl

Heading xl

Body — base. The quick brown fox jumps over the lazy dog.

Body — sm. Secondary text, captions, meta.

Body — xs. Hints, labels, footnotes.