Studio Tumulte

Studio Tumulte

Preview image. Unlock full-res

Editorial canvas, artful typography

Industrydesign
Palette
#000000
#fef7ef
#eedfd9
#3d50ff

Studio Tumulte employs a minimal, artistic design language centered around a muted, almost-achromatic palette, punctuated by a single, strong blue accent. The layout is spacious, with content given ample room to breathe. Typography is a core expressive element, featuring custom fonts that lend a distinctive, editorial feel, while components are kept understated and border-focused, allowing content and subtle visual flair to dominate. Prioritize 'Ink' (#000000) for all text and UI outlines, establishing strong contrast against light backgrounds. Utilize 'Canvas' (#fef7ef) as the predominant background color for all main content areas. Employ 'Moche Light' for all primary headings at 70px to convey a light, elegant tone, using a line-height of 0.8. Maintain uniform 0px border-radius for all primary UI elements to preserve a crisp, angular aesthetic. Implement the 71px 'sectionGap' consistently between major content blocks for generous vertical rhythm. Embed the 'Art Blue' (#3d50ff) accent selectively, primarily for artistic graphic elements or distinctive visual highlights, not for general UI. Keep interactive controls like buttons simple with transparent backgrounds and 'Ink' (#000000) text as ghost elements. Avoid using bold or heavy font weights for headlines; the lightness of 'Moche Light' is a signature characteristic. Do not introduce strong saturations or hues beyond 'Art Blue' and the muted neutrals; the palette is intentionally restrained. Refrain from using shadows or strong elevation effects; the design emphasizes flat surfaces and crisp outlines. Do not deviate from the 0px border-radius for non-circular components; sharp edges are essential to the aesthetic. Do not fill buttons with solid colors; all primary interactive elements should remain ghosted or outlined. Avoid dense information layouts; spaciousness between elements is crucial for the design's breathability and elegance. Do not use generic system fonts; custom fonts 'Moche', 'Moche Light', and 'Forno-r' are integral to the brand's typographic identity.

More like this