Spring/Summer

Spring/Summer, brutalist-typography, editorial

Preview image. Unlock full-res

Vintage academic journal — muted tones on rough-cut paper.

Industryagency, agency
Palette
#e5ebda
#44394c
#ffffff
#c0c3b6
#b0b2a9
#000000
#FFFF00

This system projects an academic-editorial mood, blending the starkness of brutalist typography with a muted, almost vintage color palette. The signature move is the expansive negative space around headlines set in Grotesk, which dominates the visual field and suggests an understated confidence. Text-based navigation and calls-to-action avoid typical button aesthetics, relying on subtle underlines or a neutral background for interaction cues, making the design feel more like a printed journal than a typical website. The overall impression is one of grounded authority, achieved through deliberate understatement rather than overt design flourishes. Prioritize text as primary UI elements; use plain text for navigation and buttons unless explicit interaction styling is required. Use Deep Plum (#44394c) for all primary text and interactive elements to maintain a restrained, authoritative tone. Deploy Grotesk only for very large headlines (170px, 386px) with 'normal' letter and line spacing, embracing its raw, impactful nature. Maintain generous negative space, especially around Grotesk headlines, to emphasize content and create an editorial feel. Ensure all interactive elements and links use Deep Plum (#44394c) for color and Montreal font for consistency. Apply 4px border-radius sparingly, primarily for input fields and specific interactive text elements, to create a subtle softening. Use Greige Canvas (#e5ebda) as the default background for most page sections, and Layered Beige (#c0c3b6) for subtle dividers or secondary borders. Avoid using highly saturated colors for branding elements; stick to the muted palette of Deep Plum and Greige Canvas. Do not add shadows or overly complex styling to buttons or navigation items; interaction cues should be subtle like underlines or background shifts. Disallow custom font weights other than 400 for both Montreal and Grotesk to preserve the distinct 'unadorned' character. Refrain from using animated or highly decorative visual effects that could detract from the content-first, editorial aesthetic. Do not use small, multi-weight display typography; Grotesk is for monumental statements, not nuanced headlines. Avoid decorative icons or illustrations that are not monochrome; any visual elements should be minimalist and functional. Do not break the subtle color palette with vibrant, unbranded accents; the only allowed accent is implied by the 'highlight yellow' in imagery, not in the UI.

More like this