Style Guide
Design system reference for The Frontier Summit. Built on Client-First: variables drive colors, fonts, and the spacing scale; utility classes compose layout.
Colors
ink — #14111E
blue — #5338D6
pink — #EB508E
white — #FFFFFF
charcoal — #1B1B1B
charcoal-tint — #585858
rose — #C48C93
cream — #FBF7F1
tan — #EBE7E1
ivory — #FAF8F4
Typography
Display: Borax VF · Body: Satoshi · Mono: Darkmode Mono (all via font variables with system fallbacks)
Heading Style H1
Heading Style H2
Intro lead — display type at 42px for section introductions and stand-first copy.
Text size medium — the default body size (18px/1.5) used for paragraph copy across the site.
Text weight bold — for emphasis within body copy.
Spacing
Space scale variables drive margin-* and padding-* utility classes. Compose size + direction: e.g. “margin-large margin-top”.
space-tiny — 0.25rem
space-xsmall — 0.5rem
space-small — 1rem
space-medium — 1.5rem
space-large — 2.5rem
space-xlarge — 3rem
space-xxlarge — 4rem
space-huge — 5rem
space-xhuge — 6rem
Components
banner_wrapper + banner_text
card (why-attend)
Community
Sample card using the production card classes with purple gradient background and centered content.