ID—C

ID—C

Preview image. Unlock full-res

Architectural Blueprint Precision

Industrydesign
Palette
#ffffff
#000000
#ededed
#adadad
#767676
#ee3026

ID-C employs an architectural blueprint aesthetic, utilizing a monochromatic palette defined by stark black and white with a spectrum of grays. Typography is precise and understated, favoring a custom sans-serif with subtle letter-spacing for headlines to convey authority through restraint. The layout emphasizes clean lines, ample negative space, and modular content blocks, creating a sense of order and sophisticated simplicity. Interaction is indicated through subtle border changes rather than bold color shifts. Prioritize Ink Black (#000000) for all primary text, headings, and significant borders to maintain high contrast and visual weight. Use Canvas White (#ffffff) as the overarching background for all primary surfaces to enforce a clean, spacious aesthetic. Employ universnextpro with specific, subtle letter-spacing values to control visual density, especially for headings at larger sizes. Define interactive states primarily through border changes, using Ink Black (#000000) for active borders and Muted Stone (#adadad) for subtle hints. Apply 8px border-radius to all structural elements like cards and image containers for a consistent, soft edge. Utilize Dividing Ash (#ededed) for hairline borders that provide visual separation without adding significant weight. Maintain a comfortable density with an element gap of 16px and allow for larger section gaps of 200px to emphasize spaciousness. Avoid using highly saturated colors for functional UI elements; reserve high chroma for designated decorative accents like the Red Dot accent. Do not introduce strong drop shadows or complex gradients; the system relies on flat surfaces and clean lines. Do not deviate from the universnextpro font family or its specified weights and letter-spacing values. Avoid dense, information-packed sections without sufficient white space; prioritize spaciousness and clarity. Do not use ad-hoc spacing values; adhere to the 8px base unit with defined gaps (16px elementGap, 200px sectionGap). Do not use different radius values for cards and buttons; ensure all rounded elements use 8px. Do not use #0000ee (browser default link blue); all links should conform to Ink Black or Muted Stone.

More like this