The scale.

One ramp, two faces. Display sizes set in Editor's Note; the text ramp in Be Vietnam Pro — with the px, rem, and scale-token name for each.

Display · Editor's Note

Calm, exact.

4xl48px · 3remMarketing display

Calm, exact.

Display H144px · 2.75remPage hero

Calm, exact.

Display H232px · 2remSection title

Calm, exact.

Display H323px · 1.438remSubsection

Text · Be Vietnam Pro

Calm, exact, never loud.

xl28px · 1.75remLarge heading

Calm, exact, never loud.

lg23px · 1.438remLead / intro

Calm, exact, never loud.

md19px · 1.188remEmphasis body

Calm, exact, never loud.

base16px · 1remBody default

Calm, exact, never loud.

sm14px · 0.875remSecondary / UI

Calm, exact, never loud.

xs12px · 0.75remCaption / meta

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait