01TypographyFont Families & Scale
Display / Headlines
TASAOrbiter Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 !@#$%&*
--font-bb-display // TASAOrbiterDisplay 800 // H1-H4, Titles, Impact
Sans / Primary
Geist Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
--font-bb-sans // Geist 400-700 // Body, UI, Labels
Mono / Technical
RobotoMono Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 {}<>[]()=>
--font-bb-mono // Roboto Mono 400-500 // Code, Labels, Nav, HUD
4remDisplay
2.5remH1
1.5remH2
1remBody
0.8remSmall
0.65remLabel
0.6remMicro
02Color SystemCore Palette & Semantics
Aa
--bb-lime
#D1FF00
Primary accent. CTAs, active states, highlights.
Aa
--bb-dark
#050505
Page background. Near-black base.
Aa
--bb-surface
#0F0F11
Elevated surfaces. Headers, cards, panels.
Aa
--bb-cream
rgb(244,244,232)
Primary text. Warm off-white.
Aa
--bb-dim
rgba(245,244,231,0.4)
Secondary text. Labels, descriptions, muted content.
1px
--bb-border
rgba(156,156,156,0.15)
Subtle borders. Grid gaps, dividers.
Neutral ScaleSynced to site-aiox
Aa
--bb-gray-charcoal
#3D3D3D
Heavy neutral. Footers, disabled backgrounds.
Aa
--bb-gray-dim
#696969
Mid-tone. Placeholder text, icons.
Aa
--bb-gray-muted
#999999
Muted text. Captions, metadata.
Aa
--bb-gray-silver
#BDBDBD
Light neutral. Borders on light, subtle fills.
Accent ColorsSynced to site-aiox
Aa
--bb-blue
#0099FF
Info accent. Links, interactive highlights.
Aa
--bb-flare
#ED4609
Warm accent. Alerts, badges, emphasis.
Aa
--bb-error
#EF4444
Error state. Destructive actions, validation.
Contrast Pairs
Lime on Dark
--bb-lime on --bb-dark // Primary Accent Pair
Cream on Dark
--bb-cream on --bb-dark // Body Text Pair
Dark on Lime
--bb-dark on --bb-lime // Inverted CTA Pair
Blue on Dark
--bb-blue on --bb-dark // Info Accent Pair
Flare on Dark
--bb-flare on --bb-dark // Warm Accent Pair
Silver on Charcoal
--bb-gray-silver on --bb-gray-charcoal // Neutral Pair
03SpacingScale Tokens
--spacing-xs0.5rem / 8px
--spacing-sm1rem / 16px
--spacing-md2rem / 32px
--spacing-lg3rem / 48px
--spacing-xl4rem / 64px
04Motion & EasingCurves & Durations
--bb-ease-spring
cubic-bezier(0.34, 1.56, 0.64, 1)
Bouncy overshoot. Modals, popovers, entrances.
--bb-ease-smooth
cubic-bezier(0.25, 0.1, 0.25, 1)
Natural default. General transitions.
--bb-ease-decel
cubic-bezier(0, 0, 0.2, 1)
Soft landing. Elements entering view.
--bb-ease-accel
cubic-bezier(0.4, 0, 1, 1)
Quick start. Elements leaving view.
--bb-dur-fast0.2s
--bb-dur-medium0.4s
--bb-dur-slow0.7s