Design Tokens
Typography
The Hive type system uses two typefaces: Urbanist for display/UI and Plus Jakarta Sans for body copy. All roles are derived from the token spec.
Font Families
Urbanist
Display · Weights 600, 700, 800
var(--font-display)
Plus Jakarta Sans
Body · Weights 400, 500, 600 + italic
var(--font-body)
Type Roles
display.banner
.banner-track span0.95rem
w800
display.wordmark
.header-wordmark1rem
w800
display.navLink
.header-nav a0.7rem
w700
display.navCta
.header-cta0.65rem
w700
display.tag
.hero-tag0.65rem
w700
display.heroTitle
.hero h1clamp(2.8rem, 5vw, 4.2rem)
w800
display.sectionTitle
multiple e.g. .numbers-title, section headingsScan global.css for font-size: clamp under display fontFamily
clamp(2rem, 3.5vw, 3rem)
wtypically 700–800
body.default
bodyinherits 16px from html
w400
body.heroDescription
.hero-desc1.05rem
w400
body.heroLede
.hero-lede1.18rem
w400
body.heroPromise
.hero-promise1.05rem
w700
ui.buttonPrimary
.btn-primary0.7rem
w700
ui.buttonSecondary
.btn-secondarystat.display
large metric numbers in sectionsDecorative numerals — see ~998, ~1231, ~2274 in global.css
6rem
Font Size Inventory
All distinct sizes used in the system.
Fixed rem values
0.6rem0.62rem0.65rem0.68rem0.7rem0.72rem0.75rem0.78rem0.82rem0.88rem0.9rem0.92rem0.95rem1rem1.02rem1.05rem1.1rem1.15rem1.18rem1.2rem1.3rem1.35rem5rem6rem
Fluid clamp() values
clamp(1.1rem, 1.6vw, 1.35rem)clamp(1.2rem, 2.2vw, 1.55rem)clamp(1.2rem, 2vw, 1.45rem)clamp(1.6rem, 2.2vw, 2rem)clamp(1.6rem, 3vw, 2.2rem)clamp(1.8rem, 2.8vw, 2.6rem)clamp(2rem, 3.4vw, 3rem)clamp(2rem, 3.5vw, 3rem)clamp(2rem, 3.6vw, 3.2rem)clamp(2.2rem, 4vw, 3rem)clamp(2.4rem, 4vw, 3.4rem)clamp(2.8rem, 5vw, 4.2rem)