Sketch

Sketch, minimalist, minimal

Preview image. Unlock full-res

Architectural Digital Canvas. A pristine white canvas with soft, glowing digital light, and precise typography.

Industrydesign, dev-tools
Palette
#000000
#212123
#4a4a4a
#5c5c5c
#a7a7a7
#fafafa
#e6e6e6
#151515
#555dff
#03cbbc
#4389e6
#744bd0

This design system feels like a softly illuminated, modern creative studio, balancing precise Swiss design principles with a playful, digital-native warmth. The extensive use of achromatic values creates a clean, almost stark foundation, elevated by a single vibrant gradient that appears subtly in the background and on key interactive elements. A bespoke serif font, 'Reckless', introduces an unexpected, artful touch for major headlines, contrasting with the utilitarian 'InterVariable' for all other text, grounding the aesthetic between craft and computation. The juxtaposition of highly rounded 'pill' elements and more structured 20px radii hints at a system that values both approachability and considered form. Do use Reckless (weight 500) for all display headlines (44px, 76px) to establish a distinctive brand voice. Do apply InterVariable (weight 400) at 16px with Graphite (#212123) for all primary body text. Do use Canvas White (#fafafa) as the primary page background color for all main content sections. Do ensure interactive elements like buttons and badges utilize either 24px or 9999px border radii, never using intermediate values. Do apply the Aurora Gradient (linear-gradient(90deg, rgb(50, 173, 247) 20%, rgb(116, 75, 208) 40%, rgb(233, 127, 66) 50%, rgb(50, 173, 247) 75%)) as a background element to convey a digital, artistic atmosphere. Do reserve Deep Space (#151515) filled buttons for the most prominent calls to action only, pairing with Canvas White (#fafafa) text. Don't use generic system fonts for any text; adhere strictly to InterVariable and Reckless fonts. Don't clutter layouts; maintain spaciousness with elementGap of 8px and larger section gaps where appropriate. Don't introduce shadows that are not specified; adhere to the subtle, dark shadow palette for icons and cards. Don't use highly saturated colors for backgrounds or large content blocks; reserve vivid hues for small accent elements like badges. Don't use rounded corners for cards or buttons that deviate from 20px or 24px respectively, or 9999px for pills. Don't use any color other than Canvas White (#fafafa), Cloud White (#e6e6e6), or transparent for card backgrounds.

More like this