Pastel

Pastel, minimalist, minimal

Preview image. Unlock full-res

Architectural Blueprint on White Marble. The layout is structured and precise, rendered in a palette that feels both clean and substantial.

Industrydesign, dev-tools
Palette
#111111
#222222
#f5f5f4
#e6e3e2
#165dfb
#78716b
#ffffff

Pastel's design evokes a sense of clarity and understated reliability, like a well-organized workspace. It achieves this through a predominantly achromatic palette anchored by soft grays and a single, vibrant blue accent. Typography is clean and highly legible, using distinct font sizes and weights for clear hierarchy without visual clutter. The generous spacing and subtle use of rounded corners contribute to an open, approachable feel, giving content room to breathe. Prioritize Figtree font for all text elements to maintain a unified typographic voice. Use Deep Sea Blue (#165dfb) exclusively for primary calls to action and critical interactive elements. Maintain generous vertical spacing between sections, roughly 68-70px, to ensure content breathability. Apply a default border-radius of 8.8px for most interactive elements and images for a consistent, soft touch. Utilize Midnight Ink (#111111) as the primary text color on Ghost White (#f5f5f4) backgrounds for maximum legibility and contrast. Avoid using highly saturated colors outside of the defined Deep Sea Blue accent, to preserve the clean, achromatic palette. Do not introduce sharp corners where a subtle 8.8px radius has been established for other elements, to prevent visual inconsistency. Refrain from heavy shadows or complex gradients; the system relies on flat colors and light surfaces for definition. Do not use small font sizes (below 14px) without clear necessity, as larger text is a hallmark of this system's readability. Avoid dense, information-packed sections without adequate spacing, as the system favors spaciousness over compactness.

More like this