Fiz

Fiz

Preview image. Unlock full-res

architectural blueprint on concrete

Industrydesign
Palette
#d1cfce
#ffffff
#18100c
#696867
#000000

Fiz's visual identity balances stark minimalism with subtle material warmth, drawing heavily on a monochrome palette of near-black text on a muted, almost concrete-like light gray canvas. The design prioritizes readability and directness through compact typography and a deliberate lack of decorative elements. Interaction is framed by crisp, thin strokes and a single contrasting brand accent when an action is taken, focusing attention without visual clutter. The overall effect is one of quiet efficiency and grounded sophistication. Use Canvas Gray (#d1cfce) as the dominant page background. Apply Midnight Ink (#18100c) for all primary text and link text to ensure high contrast. Maintain a strict 0px border-radius for all interactive elements and containers, reflecting the sharp, geometric aesthetic. Structure all content with a base unit of 8px for element spacing and padding. Utilize a 1px solid border in Midnight Ink (#18100c) for 'ghost' button styles to define interactive areas without adding heavy fills. Implement Brand Black (#000000) solely for primary action buttons, ensuring they stand out by color and fill. Adhere to a compact line height of 1.2 for both Neue Haas Unica W 1 G and Inter fonts, maximizing information density. Avoid using border-radius values other than 0px; the system is built on sharp corners. Do not introduce highly saturated colors for functional UI elements; color is used sparingly and deliberately. Do not use drop shadows or complex elevation; surfaces are flat and defined by color shifts and borders. Avoid large, decorative typography features in headlines or section titles; maintain the compact type scale. Do not use generic, unbranded text links; always ensure links either use Midnight Ink (#18100c) and are subtly distinguished. Do not use images or visual elements that break outside the content frame or use overly organic shapes; maintain a composed, structured layout. Avoid varying letter-spacing; all text should use 'normal' letter-spacing except where explicitly defined by the font itself.

More like this