Loud type, brutal palettes and hard shadows. Lookbooks are composition studies: whole pages that show a paradigm holding together across navbar, hero, content and footer.

The composition#

html
<body class="bg-mono-50 text-black">
<h1 class="text-5 font-black uppercase">LOUD</h1>
<div class="brutalist-card p-6">manifesto</div>
<button class="btn-brutal">JOIN</button>
</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.

Lookbook index · Components