Z
Lexicon

Design Concepts

Visual direction explorations for ZETTIT Lexicon. Each concept presents a complete header, topic page, and footer treatment.

Use the bottom navigation bar on each concept to move between them.

Round 1 — Initial Explorations

  1. 01Full Red Bar — Bold BrandFull-width red header, dark body, bold brand presence with large type scale
  2. 02Red Logo Block — Editorial SplitRed pill logo accent, two-column editorial layout with tabbed content
  3. 03Minimal Swiss — Light ModeLight mode, International Typographic Style, maximum whitespace and precision
  4. 04Red Masthead — News/Intelligence StyleTwo-tier newspaper masthead, broadsheet-inspired topic layout with data callouts
  5. 05Floating Logo — Glass HeaderGlassmorphism header, card-based layout, gradient accents and subtle glow effects
  6. 06Split Brand Bar — Dark LuxuryLeft red header block, right dark nav, refined table layout, understated upgrade CTA
  7. 07Condensed Industrial — Data TerminalCompact header, ZETTIT//LEXICON compound wordmark, dense data presentation, DIN Condensed throughout
  8. 08Warm Light — Approachable IntelligenceLight mode with warm stone tones, book-like readability, generous spacing, sidebar layout
  9. 09Asymmetric Modern — Red Accent BandVertical red stripe motif, asymmetric grid, pull-quotes, three-icon theme toggle
  10. 10Hybrid Mode — System-AwareLight mode with dark mode preview inset, dual-theme showcase, content hierarchy demo

Round 2 — Swiss Magazine & Modern Innovative

  1. 11Typografische MonatsblätterSwiss magazine — oversized 5.5rem title, red as structure, typography IS the design
  2. 12Neue GrafikSwiss grid journal — systematic precision, light mode, visible grid structure, surgical red
  3. 13Kinetic DataDark dashboard — oversized metrics, grid-paper background, data as spectacle
  4. 14Open SpaceUltra-generous whitespace, cream light mode, luxury editorial, title fills viewport
  5. 15Brutalist IntelligenceRaw black, visible grid borders, monospace accents, no radius, maximum contrast

Final — Combined Direction

  1. 16Final Merge — #11 + #1 + SVG LogoSwiss magazine typography + red header bar + brand SVG wordmark + light/dark/system toggle + wider search