Preview image. Unlock full-res
Gallery brochure on textured paper. A pristine, off-white matte surface serves as the canvas, with sharp, meticulously placed charcoal text drawing the eye to curated content.
This design system evokes a sense of quiet authority and refined minimalism, akin to an exclusive gallery brochure. The predominant use of an off-white background with stark, near-black typography creates a high-contrast, yet soft, visual experience. Subtle variations in text sizes and minimal interactive elements guide the eye without visual clutter, emphasizing content discernment over flashy engagements. The aesthetic is built on precision, restraint, and an almost tactile purity, making every element feel deliberately placed. Use Greige Canvas (#f9f7f4) as the default background for all pages and primary content sections. Apply Charcoal Text (#0c0c0c) for all primary text content at PP Neue Montreal weight 400, ensuring high contrast and clarity. Maintain a letter-spacing of -0.01em for all PP Neue Montreal typography to retain a tight, precise aesthetic. Implement 0px radius across all elements, including buttons and interactive components, for a sharp, angular visual. Use Pale Stone Divider (#e3e1dd) for subtle horizontal separators or faint borders where visual distinction is needed without strong emphasis. Structure layout with generous vertical spacing, using 50px as a common section separator for comfortable content segmentation. Prioritize scale and singular weight (400) of PP Neue Montreal to establish visual hierarchy, rather than multiple weights or colors. Do not introduce additional font families; PP Neue Montreal is the only allowed typeface. Avoid using box-shadows or gradients; the design relies on flat planes and stark contrast for depth. Do not apply rounded corners to any component; maintain the consistent 0px radius for all elements. Refrain from using overly saturated or chromatic colors; the palette is strictly neutral with very subtle warm undertones. Do not add unnecessary padding or borders to interactive elements like navigation links; keep them minimal and text-based. Avoid decorative elements or iconography that deviates from the monochromatic and precise aesthetic. Do not vary font weights; all text, including headings, should be PP Neue Montreal 400.
