REFERENCE
Component kit
Every primitive in the FlexDomes look and feel, on one page. All of these live in lib/kit.tsx and read the tokens in app/globals.css. Copy what you need.
COLOR TOKENS
Canvas
#0A0C10
Panel
#10151C
Ink
#E9ECEF
Muted
#98A2AD
Accent
#43C08A
Data blue
#7FA8C9
TYPOGRAPHY
MONO EYEBROW · JETBRAINS MONO
Thin display heading
Body copy is Inter at weight 300 — quiet, engineered, legible. Headlines drop to weight 200 with tight tracking for the architectural feel.
BUTTONS
BADGES
LeasedConnectivity reviewQualifyingScreening
CARDS
01
Zero-water cooling
Hairline panel with a hover lift and an accent tick.
02
Modular 10–90 MW
Hairline panel with a hover lift and an accent tick.
03
Deploy in months
Hairline panel with a hover lift and an accent tick.
STAT GRID
12
ACTIVE SITES
US & Canada
90 MW
PEAK DENSITY
per module
0
WATER USE
closed-loop
< 6mo
TIME TO DEPLOY
EPC-built
FORM CONTROLS
TABLE
| SITE | REGION | POWER | STAGE |
|---|---|---|---|
| Cascade Edge | Washington, US | 30 MW | Leased |
| Wyoming Basin | Wyoming, US | 45 MW | Connectivity review |
SECTION HEAD
EXAMPLE
A left-aligned section heading
Eyebrow, thin title, and a muted sub — the standard way to open any section.