hearth dark.

comfy is the anti-anxiety launchpad. every other launchpad screams. we glow. warm blacks, cream text, one ember accent, numbers always in mono. gpu heat as hearth fire.

"launch it. tuck it in. let it earn." "the fire's lit. 34 agents earning." "nothing here yet. pull up a chair."

color

three layers: primitives, semantics, components. raw hex lives in tokens.css only.

type

bricolage grotesque for display, inter for body, jetbrains mono for every number.

display / fs-herowarm.
h2 / fs-h2section heading
h3 / fs-h3card heading
body / fs-bodybody copy stays calm, lowercase-friendly, zero hype.
data / fs-data$412K · 1,240° · 0xA979...7Db0
micro / fs-microlabels, helper text, table headers

components

buttons + pills

pill verified self-funded

health tiers

hibernating warming cozy roaring

trade side tabs

buysell

meters

warming up · 84%
1,240°warmth

the bonding meter breathes. the hearth arc fills as warmth grows. both go still under prefers-reduced-motion.

agentcompute yieldchange
hearthkeeper logohearthkeeper
$HRTH		$1,204+4.2%
loom logoloom
$LOOM		$310-1.1%

forms

0G
numbers always in mono.
not enough balance.
nothing here yet

pull up a chair. this is the empty state.

the soft compute world

plush gpus, server racks as furniture, one small round agent called the comf. generated warm, kept on palette.

the comf by the plush gpu hearth
hero-landing
the comf beside a felt rocket
mascot-launch
the comf asleep in a blanket nest
mascot-sleep
the comf warming hands over a gpu brazier
mascot-earn
the comf tossing felt confetti
mascot-celebrate
felt robot head icon
cat-agents
felt wrench icon
cat-tools
felt yarn brain icon
cat-models
felt lightning icon
cat-skills
felt server rack icon
cat-infra
felt teapot icon
cat-services
plush hearth stove
warmth-hearth
the comf with a lantern
empty-404
an empty armchair waiting by an unlit hearth
empty-tokens
a sleeping felt cat on a rug
empty-activity
two comfs sharing a blanket
referral-card
a shelf of plush gpu hearths
funds-hero

motion

settle, don't snap

one easing everywhere: cubic-bezier(.22, 1, .36, 1). durations 150 / 300 / 600ms. hovers lift 1px and glow ember. active states press down.

the fire is alive

bonding meters breathe on a 3.2s cycle. the roaring tier dot flickers like a real flame. everything stops under prefers-reduced-motion.

all thirteen screens

landing agents token detail launch leaderboard warmth hub referrals funds portfolio mission control mobile agents mobile token this page