Preview image. Unlock full-res
Gallery of Quiet Objects
This design system presents content with deliberate minimalism, using strong achromatic contrast and ample negative space to spotlight product visuals. Typography anchors the identity with a single serif font used across all content, creating a consistent, editorial feel. The dark, spacious layout emphasizes raw object forms, while a subtle border style offers a tactile texture to interactive elements.
Use 'Midnight Matte' (#000000) for all primary text and important borders to maintain high contrast.
Apply 'Toto' font (or 'Playfair Display' as substitute) consistently for all text elements, maintaining weight 400 and tabular figures.
Implement a '0px' border-radius for all interactive elements and containers, promoting sharp, defined edges.
Employ sectionGap of 72px for generous vertical spacing between major content blocks.
Ensure interactive elements like buttons and inputs use 12px vertical padding as a minimum.
Maintain a spacious density with a base unit of 6px for all spacing decisions.
Use 'Charcoal Surface' (#1c1c1c) as the primary background for content presentation.
Avoid using highly saturated, chromatic colors; the palette is strictly achromatic to maintain focus on content.
Do not introduce additional font families or weights beyond Toto 400.
Prevent any rounded corners; elements should always have sharp, 0px border-radius edges.
Do not constrain page content with a pageMaxWidth; allow content to span the full viewport.
Avoid decorative gradients; rely on stark color blocks and subtle shadows for visual interest.
Do not introduce complex shadow styles; keep shadows minimal and subtle to suggest depth without visual clutter.
Refrain from using small, tight line heights; maintain generous line spacing for legibility, especially for body text (1.33).
