Contract

Contract

Preview image. Unlock full-res

Architectural Blueprint on Marble: Precise lines and forms over a neutral, expansive canvas.

Industrydesign
Palette
#ffffff
#000000
#e5e7eb
#6b7280
#b3b3b3
#bbbbbb
#2563eb

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.

More like this