Design Comparison · MATERIA v2 candidates
← Back to current site Pick a direction
Three ways out of
the Claude cream.
Each direction is a self-contained demo — nav, hero, materials grid, CTAs, and one or two UX improvements applied. Click through, pick the one that lands, and we’ll rebuild the design tokens globally.
Direction A →
Pantone Industrial
Industrial reference book × Pantone swatch deck × engineering datasheet
- Type
- Bricolage Grotesque + JetBrains Mono
- Refs
- Vitsoe · Bellroy · Hermes · Bauhaus printing
- Feel
- Crisp · clinical · zero decoration
Open the demo →
Direction B →
Holographic Tech
Lean into our flagship — iridescent as architectural brand DNA
- Type
- Geist + Geist Mono
- Refs
- Linear · Vercel · Diagram · Volvo Cars
- Feel
- Modern · technical · signature
Open the demo →
Direction C →
Studio Tactile
Materials library × design studio swatch room — photography forward
- Type
- Manrope + JetBrains Mono
- Refs
- Material Bank · Aesop · Knoll · Vitra
- Feel
- Calm · tactile · curated
Open the demo →
§ UX improvements demonstrated inline
What you’ll see on each demo
A · Pantone
- → Sample basket icon in nav
- → Dense spec table with quantified bars
- → Material compare floating bar
B · Holographic
- → Floating sample basket
- → Dark mode toggle (signature)
- → Card-hover spec preview
C · Studio
- → Photography-forward cards
- → Sticky filter / TOC sidebar
- → Recently-viewed rail