Norgram

Norgram

Preview image. Unlock full-res

monochromatic architectural blueprint

Industrydesign
Palette
#000000
#ffffff
#141414
#efefef
#777777
#cecece
#b2b2b2
#3f3f3f

Norgram operates with a stark, high-contrast aesthetic, juxtaposing deep black and pristine white with minimal interruption. The system leans on precise typography and a grid-based rhythm, creating a sense of quiet authority rather than overt design flourishes. Color is used sparingly, primarily for functional accents, ensuring that content and structure remain the focal point. Components emphasize lightweight clarity: flat surfaces, crisp text, and subtle interactions. Maintain a stark, high-contrast palette using 'Obsidian' (#000000) for text and 'Canvas White' (#ffffff) for backgrounds, and 'Deep Graphite' (#141414) for dark surfaces. Apply 'Helvetica Now Display - Regular' for headlines and main content, utilizing aggressive negative letter-spacing for large titles (-0.0200em at 87px). Use geometric, minimal border radii: 4.0678px for cards and larger containers, and 7px for interactive elements like buttons. Space elements using a compact rhythm, leveraging 8px for most element gaps and 68px for section separation. Convey interaction through subtle background fills like 'Smoked Glass' (rgba(63, 63, 63, 0.4)) or 'Whisper Gray' (#b2b2b2) rather than strongly chromatic accents. Prioritize functional clarity over decorative elements; every visual choice must serve to organize or highlight content precisely. Avoid decorative shadows or complex elevation schemes; surfaces should remain flat or subtly transparent. Do not introduce vibrant accent colors; the system relies on a strictly achromatic palette with functional gray tints. Refrain from using organic or hand-drawn graphic elements; visuals should be precise, geometric, and structured. Avoid excessive padding within containers; content often sits flush with card edges or uses minimal, proportional spacing. Do not use generic system fonts for display text; 'Helvetica Now Display' is critical for maintaining the brand's sharp, modern edge. Do not apply large, soft rounded corners unless explicitly denoted; default radii are small and precise.

More like this