Preview image. Unlock full-res
Architectural blueprint on warm grey
Simon Liesinger's design system evokes an architectural blueprint on a muted canvas, utilizing precise typography and a stark achromatic palette. It emphasizes clear visual boundaries and a spacious layout, highlighted by subtle hairline borders. A single vivid red accent is reserved exclusively for navigation cues, drawing attention without visual clutter. The overall effect is one of restrained precision, where information is carefully presented with minimal adornment.
Use Deep Ink (#000000) for all headings to establish strong visual presence, with at least 30px left/right padding.
Employ Canvas Fog (#f2f2f2) as the primary page background and for subtle, recessed content areas.
Define clear content boundaries using 1px solid Midnight Graphite (#181818) borders, especially for section dividers and list elements.
Reserve Navigation Ember (#fc523b) exclusively for the arrow icon within footer navigation links and their hover/active states.
Maintain a spacious rhythm between content blocks by applying section gaps of 160px vertically.
Apply GaramondRg with '0.016em' letter-spacing for all significant body text and subheadings to ensure a refined editorial aesthetic.
Use HelveticaRg with its specific font features for all interactive links and compact informational text (e.g., contact info, small notes).
Do not use Navigation Ember (#fc523b) for any purpose other than navigation directional cues or their associated borders.
Avoid using drop shadows or heavy elevation; prefer flat surfaces and hairline borders for visual separation.
Do not introduce new typefaces; rely solely on Times, GaramondRg, and HelveticaRg.
Refrain from using strong, solid background colors other than Midnight Graphite (#181818) or Canvas Fog (#f2f2f2) for structural elements.
Avoid decorative imagery; stick to minimalist wireframe-style graphics or pure UI elements.
Do not use highly saturated colors for text or backgrounds outside of the defined accent color for navigation.
Do not introduce rounded corners; maintain sharp, crisp edges for all UI elements to uphold the architectural aesthetic.
