SWIVEL · DESIGN SYSTEM · 02

Typography.

Avantt headlines, Antarctica Condensed body, and a tight UI scale. Pick a token, don't invent in-between sizes.

v1.0 · MAY 2026 · SWIVEL.AI
01

Typography

Avantt headlines · Antarctica Condensed body
HEADLINE TYPE SCALE · Avantt Bold / Semi Bold · letter-spacing: tight
type/display72 / Bold
Display
72px · 100% · −2%
line-height 1.0
type/h148 / Bold
Headline 1
48px · 105% · −2%
type/h236 / Bold
Headline 2
36px · 110% · −1%
type/h328 / Semi Bold
Headline 3
28px · 115% · −1%
type/h422 / Semi Bold
Headline 4
22px · 120%
BODY TYPE SCALE · Antarctica Condensed Medium / Regular
body/large18 / Regular
Swivel turns ad ops into a growth lever.
18px · 150%
body/default14 / Regular
Swivel turns ad ops into a growth lever, replacing manual workflows with virtual automation.
14px · 150%
body/small12 / Regular
Used for dense table rows, secondary metadata, and helper text in compact UI.
12px · 150%
label/1111 / Medium
FORM LABEL · 11PX
11px · 130% · 4%
caption/1010 / Regular
Caption · auxiliary metadata, timestamps, footnotes
10px · 130%
UI TYPE SCALE · For interface components — buttons, nav, tags, KPIs
UI / Metric32 / Bold
$2.4M
Antarctica Cond. Bold · 32px · 95% · 0%
Switch/contrast · KPIs
UI / Page header21 / SemiBold
YIELD CONTROL CENTER
Avantt · 21 / 28 · UPPERCASE
Page headers
UI / Title18 / SemiBold
Confirm pause on SSP
Avantt SemiBold · 18 / 95%
Alert & dialog titles
UI / Default14 / Regular
Body UI text — menu items, descriptions, inline help.
Antarctica Cond. · 14 / 24
Body UI text
UI / Link14 / Regular
View the audit log or open settings.
Same metrics as UI / Default
Slate/base · no underline
Underline on hover only
UI / Semibold14 / SemiBold
Selected menu entry
Antarctica Cond. SemiBold · 14 / 24
Selected items, emphasis
UI / Caps13 / Medium
Pause SSP · View report · Tab label
Antarctica Cond. Medium · 13 / 24 · +4% · UPPER
Buttons · card titles · tabs
UI / Nav13 / SemiBold
Dashboard · Inventory · Reports
Avantt SemiBold · 13 / 95% · +4%
Nav items
UI / Small12 / SemiBold
Tooltip — last synced 2m ago
Avantt SemiBold · 12
Tooltips · helper text
UI / Tag10 / Regular
Live · Paused · Pending
Antarctica Cond. · 10 / 95% · +4%
Badges · status chips
UI / Section label10 / SemiBold
SECTION DIVIDER
Antarctica Cond. SemiBold · 10 / 95% · +4% · UPPER
Graphite/bg · dividers
UI / Code10 / Medium
ID 314273 · auto-pause-low-fill · 200 OK
JetBrains Mono Medium · 10 / 24
ID chips · inline code · monospace UI strings
(not the script editor)
APPROVED COLOR PAIRINGS
LIGHT MODE — WHITE BG / GRAPHITE TEXT / SLATE ACCENT
Swivel turns ad ops into a growth lever.
Replace manual SSP toggles with virtual automation that protects yield, fill, and CPMs around the clock.
DARK MODE — GRAPHITE BG / WHITE TEXT / SWITCH ACCENT
Swivel turns ad ops into a growth lever.
Replace manual SSP toggles with virtual automation that protects yield, fill, and CPMs around the clock.