MZA

MZA

Preview image. Unlock full-res

Archival document on pristine white paper.

Industrymedia
Palette
#ffffff
#000000
#efefef

The MZA visual system embodies a stark, archival aesthetic, presenting information directly on a pristine white canvas. Typography is foundational, relying on system fonts with minimal styling to convey historical gravitas. Interactive elements are stripped-back, favoring ghosted borders and plain text over vibrant fills, emphasizing content over decorative flair. The absence of color and elevation directs focus solely to the textual narrative and navigation. Prioritize Ink Black (#000000) for all text and borders, reserving lighter tones only for subtle background elements. Maintain a stark, minimalist aesthetic with Canvas White (#ffffff) as the dominant background color for all content areas. Use Times as the primary typeface for all headings and substantial body text to convey a traditional, historical feel. Ensure all interactive elements, including buttons, maintain a 0px border radius for a sharp, angular appearance. Apply 1px vertical and 6px horizontal padding to ghost buttons for a subtle interactive hit area without visual bulk. Employ a base unit of 4px for all spacing measurements, translating to 16px for element gaps and 40px for section gaps. Keep page layout full-bleed without a maximum content width to maximize visual space. Avoid using any vibrant or saturated colors; chromatic tones are not part of this visual system. Do not introduce elevated elements with shadows or complex layer effects; the design should remain flat. Refrain from utilizing decorative graphical elements or imagery with rounded corners; all visuals should be sharp and contained. Do not vary typography significantly in terms of letter-spacing or font-feature-settings; rely on font family, size and weight for distinction. Avoid unnecessary visual hierarchies through color gradients or heavy fills; use text size and weight changes for emphasis. Do not introduce complex animations or transitions; interactions should be direct and instantaneous. Refrain from using any button fills other than Ghost Button Fill (#efefef) when an action requires a discreet background.

More like this