A complete dark dashboard composed from v1 neon classes. Lookbooks are composition studies: whole pages that show a paradigm holding together across navbar, hero, content and footer.
The composition#
<body class="bg-mono-900 text-mono-100">
<header class="navbar-glass sticky top-0">logo · nav · btn-neon</header>
<main class="grid md:grid-cols-3 gap-4 p-6">stat cards (card-neon)</main>
<section class="card-glass m-6 p-6">chart panel</section>
</body>Design decisions#
- One paradigm carries the whole page — mixing paradigms mid-page breaks the spell
- Surfaces step in threes: canvas → card → raised
- Accents appear at most three times per viewport
- Typography carries hierarchy; color carries emotion — never reversed
Rebuild it#
Copy the skeleton, then swap palettes using the color system. The structure survives any theme because it is pure v1 classes.