Foundations

Typography

Three typefaces, one scale. GT Alpina Condensed sets the editorial voice, Greed Standard carries the interface, Geist Mono keeps digits honest.

Typefaces

Every font is exposed as a CSS variable and a Tailwind utility — components never reference font files directly.

--font-heading · GT Alpina CondensedHeadings and display text

Money that moves with you

Ships in a single weight (500) — always pair font-heading with font-medium, never semibold or bold.

--font-sans · Greed StandardBody copy, labels and UI text

The quick brown fox jumps over the lazy dog

Variable font, weights 300–900. Regular (400) for body, Medium (500) for labels and emphasis.

--font-mono · Geist MonoCode, identifiers and tabular figures

ACC-2049-8817 · $12,480.00

Anywhere digits need to line up — account numbers, amounts, code snippets.

Heading scale

GT Alpina Condensed across the hierarchy — always font-medium, with tracking-tight from text-xl up. Hierarchy comes from size alone; the weight never changes.

text-5xlDisplayMoney that moves with you

text-3xlPage titleYour statements

text-2xlSection headingRecent activity

text-xlSubsectionPending transfers

text-lgDialog titleConfirm payment

text-baseCard titleAvailable balance

Type scale

The default Tailwind scale, rendered in Greed Standard. Font size and line height move together — never set one without the other.

text-xs12px / 16pxWesty keeps money simple

text-sm14px / 20pxWesty keeps money simple

text-base16px / 24pxWesty keeps money simple

text-lg18px / 28pxWesty keeps money simple

text-xl20px / 28pxWesty keeps money simple

text-2xl24px / 32pxWesty keeps money simple

text-3xl30px / 36pxWesty keeps money simple

text-4xl36px / 40pxWesty keeps money simple

text-5xl48px / 48pxWesty keeps money simple

Weights

Greed Standard is variable from 300 to 900. Hierarchy comes from weight and color, not from stacking sizes.

300Greed Standard light

400Greed Standard normal

500Greed Standard medium

600Greed Standard semibold

700Greed Standard bold

Prose

Long-form rhythm for docs, articles and marketing pages — headings, paragraphs, lists, quotes and tables working from the same tokens.

The Westy guide to honest banking

A design system is a promise: every screen speaks with the same voice, from onboarding to statements.

The voice of the product

Headings are set in GT Alpina Condensed at its single medium cut. Body copy stays in Greed Standard, tuned for interface sizes and long-form reading alike. When something needs emphasis inside a paragraph, reach for font-medium — not a bigger size.

“Typography is the interface. If the words are hard to read, nothing else matters.”

Three rules of rhythm

Size, leading and flow move together — change one, check all three.
Secondary text drops to the muted foreground token, never to a lighter weight.
Numbers that align vertically always use tabular figures.

Numbers in context

Financial products live and die by their tables. Amounts are right-aligned, set in tabular figures, and never wrap.

Statement	Date	Amount
Coffee & Co.	Aug 4, 2026	$4.50
Monthly rent	Aug 1, 2026	$2,405.31
Salary	Jul 30, 2026	$8,000.00

Small print closes the page quietly — muted color, small size, regular weight.

Tokens used

6 design tokens consumed by this page.

--font-heading
Heading typeface
font-heading
--font-sans
Body typeface
font-sans
--font-mono
Mono typeface
font-mono
--foreground
Foreground
text-foreground
--muted-foreground
Muted Foreground
text-muted-foreground
--muted
Muted
bg-muted

The voice of the product

“Typography is the interface. If the words are hard to read, nothing else matters.”

Three rules of rhythm

Size, leading and flow move together — change one, check all three.

Secondary text drops to the muted foreground token, never to a lighter weight.

Numbers that align vertically always use tabular figures.

Numbers in context

Financial products live and die by their tables. Amounts are right-aligned, set in tabular figures, and never wrap.

Statement	Date	Amount
Coffee & Co.	Aug 4, 2026	$4.50
Monthly rent	Aug 1, 2026	$2,405.31
Salary	Jul 30, 2026	$8,000.00

Small print closes the page quietly — muted color, small size, regular weight.