Nornorm

Nornorm

Preview image. Unlock full-res

Architectural Blueprint on White

Industrysaas
Palette
#ffffff
#000000
#6a6a6a
#f1efe9
#ececec
#1e37a0

Nornorm presents a stark, almost architectural aesthetic: clean white surfaces and deep, commanding dark typography with a single, highly saturated violet acting as a functional highlight for interactive elements and brand accents. The design emphasizes content clarity and a sense of gravity, achieved through generous negative space and a reserved use of color. Component styles are minimal, often borderless or using subtle outlines, allowing the strong typographic voice and the violet accent to direct focus. Prioritize a white (#ffffff) or light ash (#f1efe9) background for main content areas. Use Midnight Ink (#000000) for all primary body text and significant headings. Apply Command Violet (#1e37a0) exclusively for primary interactive elements, brand accents, and decorative borders on textual elements. Maintain tight letter-spacing (-0.03em) across all Lunar typography to ensure a compact and serious tone. Implement the large 1440px border-radius for 'pill' shaped buttons and a consistent 8px radius for container-like elements such as links and potentially filled buttons. Ensure generous vertical spacing between sections, adhering to a 48px section gap, allowing content to breathe. Use Storm Gray (#6a6a6a) for all secondary, supporting text and subtle UI borders. Avoid using highly saturated colors other than Command Violet (#1e37a0) in the primary UI. Do not introduce heavy shadows or gradients, as the system relies on flat surfaces and high contrast. Do not deviate from the strict letter-spacing values; even slight changes will undermine the typographic identity. Avoid using multiple border styles or thicknesses, sticking to minimal or no borders for most elements except for specific accents. Do not use small, playful, or highly decorative typography; maintain the serious and professional character of Lunar. Avoid dense UIs; prioritize clear information hierarchy with ample negative space. Do not apply a border-radius of 0px to interactive surface-level buttons or links except for specific 'ghost' button variants.

More like this