Internal styleguide - design system port verification
Design system

Type & buttons

Ported from brand/tokens.css and brand/prototype.css. Spec: brand/DESIGN-SYSTEM.md.

Display heading in Fraunces

Callouts

Neutral editorial note

Default callout for supporting context within guides.

Accent callout

Attention, grants and promotional highlights use ember, never red.

Error callout

Reserved for form errors and destructive confirmations only.

Prose

Body copy runs in Inter at a 68ch measure. Links are ember with an underline that lifts on hover. Strong text carries weight,emphasis stays quiet.

  • Custom ember bullet on unordered lists
  • Six pixel dot, warm not loud

Blockquotes set in Fraunces italic with an ember rule.

Attribution name

Form & accordion

Help text sits beneath the field.
Accordion question styled per the FAQ hub+

Answer body at reading measure.