SEED UI
A shadcn/ui component library that recreates every atomic interface element seen in the SEED early-access trailer — 53 components across 8 groups, each page showing the live component next to the capture it was traced from.
Browse componentsColor
Sampled from the captures. Every token is a CSS variable and a Tailwind color (bg-seed-green, text-seed-red…).
Green--seed-greenProgress, needs, positive values, Done
Green strong--seed-green-strongDone badge, resource Plenty
Mint--seed-mintThought slots, subtle positives
Blue--seed-blueNameplates, selection, trait left pole
Blue deep--seed-blue-deepSelected tile fill
Orange--seed-orangeModerate severity, countdowns
Red--seed-redUntreated, notifications, money out
Gold--seed-goldCall-to-action frames
Purple--seed-purpleSociety event tags
Panel--panelOpaque charcoal windows
Control--controlGray buttons and tiles
Glass raised--glass-raisedInner cards on glass
Primary--primaryLight-gray primary buttons
Muted text--muted-foregroundSecondary copy
Typography
Inter throughout. Titles are bold and tight; supporting copy drops to 60–75% white.
Choose a Perk48 / Bold — modal titles
24,01130 / Bold — hero numbers
Torn Back Muscle20 / Semibold — card titles
Society Goals16 / Semibold — navigation
Partial muscle tear causing sharp pain and reduced strength.14 / Regular 75% — body
Non-binary · Feminine · Masculine12 / Semibold caps — segmented
Surfaces & scenes
Windows are translucent and pick up the world behind them, so every preview renders on a scene backdrop (scene-* utilities).
Forest.scene-forestDefault gameplay backdrop
Dusk.scene-duskSociety & conversation windows
Void.scene-voidCharacter creation
Map.scene-mapWorld map & society browser