Every component in the wireframe kit. Add new components here when you create them.
Palette — :root vars in mockup.css
Type — .eyebrow / .headline / .counter / .note-line / .card-label
01 / Eyebrow
$40,000,000,000,000
Note-line · mono meta text
Card label
Ghost bars — .ghost (--light/--dark/--label) + .ghost-stack + .w-*
X-box image placeholder — .xbox (+ inline svg)
Buttons & chips — .btn (--on-blue/--cta/--small/--locked) / .chip / .state-toggle
Chrome — .arrow / .dots / .mock-nav (static here)
Panel card + form — .panel-card / .contact-form / .field
Stamp card — .stamp-card / .stamp-line / .stamp-big
Frozen at
$39,999,861,204,118
Gold · Press #1,089,115
Press button — .press-button (+ --pressed / --closed)
Tier ladder — .tier-ladder / .tier-row / .tier-bar / .tier-fill
Drums & spinner — .drum-dial / .drum / .spinner / .spinner-year
Call board — .board / .histo / .histo-bar (.is-you) / .histo-axis
Statement — .statement / .statement-row / .statement-total / .seal
+$4.21 accrued since you opened this page
Lifeline — .lifeline / .lifeline-row
Scale stop — .scale-stop / .scale-img (--1…--5, --stack) / .scale-fact
Stop 01 · Lincoln Memorial
30 m
A stack this tall: $27 millionQuiz card — .quiz-card / .quiz-option / .quiz-letter / .quiz-progress
Rank ladder (RankLadder.astro) - .rank-ladder / .rank-row / .rank-row.is-winner / .chip--won (winner turns gold under body.is-post)
Won chip - .chip.chip--won
Show switch - .state-toggle.show-switch with a.state-btn links
Step cards - .step-grid / .panel-card.step-card / .step-title
01
02
03
Category card - .panel-card.category-card (wraps a rank ladder)
Best Director
Leaderboard - .panel-card.leaderboard / .leader-row / .leader-row.is-you