
Preview image. Unlock full-res
Architectural Blueprint on Marble: Precise lines and forms over a neutral, expansive canvas.
The Contract design system by MDF Italia embodies a refined, architectural blueprint aesthetic: a stark monochromatic palette emphasizes structure and form. Typography is the primary visual communicator, utilizing a wide range of weights to establish hierarchy rather than color. Surfaces are clean and unadorned, promoting a focus on product photography and minimal, precise UI elements. The overall impression is one of understated luxury and functional clarity, where space and proportion play a crucial role.
Prioritize Ink Black (#000000) for all primary text and headings.
Use Canvas White (#ffffff) for all main section backgrounds and card surfaces.
Apply Plain typeface with specific letter-spacing values as defined in Typography for all text elements to maintain precise optical rhythm.
Utilize Ash Gray (#e5e7eb) for subtle borders and dividers between content blocks and interactive elements.
Maintain a compact density with an 8px element gap and 12px internal padding for cards.
Form inputs should feature a 1px solid Slate Text (#6b7280) border with a 0px radius, aligning with the clean, unornamented aesthetic.
Only use Azure Accent (#2563eb) for specific interactive feedback such as focus states or informational messages, never as a primary brand color.
Avoid using saturated background colors; all primary backgrounds should adhere to Canvas White (#ffffff) or Ink Black (#000000).
Do not introduce decorative shadows or heavy gradients; the system relies on flat surfaces and high contrast.
Refrain from using varied border radii across components; stick to 0px for most elements and 2px only for inputs.
Do not deviate from the specified letter-spacing for 'Plain' font; optical precision is critical for this brand’s typographic identity.
Do not use color to create hierarchy in text; rely on font weight and size variations within the Plain typeface.
Avoid large, impactful graphics unless they are product photography; maintain a text-dominant, information-focused layout.
Do not add unnecessary padding or margin; adhere to the defined spacing tokens for a consistently compact arrangement.









