Swiss Modernism 2.0
Also called: Neo-Swiss, New International Style, Swiss Punk
The Swiss grid with the volume up: flat fields of ultramarine, orange and yellow, giant tight grotesque, rotated labels and off-axis layouts.
Design keywords
Say these words to ask for this style.
Swiss Modernism 2.0 keeps the International Style’s grotesque type, flush-left text and visible grid, then breaks its calm on purpose. Whole sections are flooded with flat colour fields — ultramarine, signal orange, lemon yellow — headlines grow to poster size with very tight tracking, section labels are rotated 90° up the margin, and content is pushed off-centre so empty columns become part of the composition. Geometry (a circle, a bar) replaces illustration. Still no shadows, gradients or rounded corners.
Best for
- Design studios, agencies and portfolios
- Museums, festivals and exhibitions
- Architecture and culture publications
- Bold B2B brands that want to look designed
Avoid for
- Calm healthcare or finance where loud colour feels risky
- Kids and cute consumer apps
- Dense enterprise tools used all day
✓ Do
- Flood whole sections with one flat field colour (#1F3BFF, #FF5B1F or #FFD60A) with white text on blue and black text on orange and yellow
- Set display type at 8–9vw with −0.05em tracking and 0.9 line-height (Thai 1.22, no negative tracking, max 3 lines)
- Rotate small labels 90° up the left margin
- Push section heads three columns in so the grid shows as empty space
✕ Don't
- No shadows, gradients, blur or rounded corners
- Don’t use more than three field colours per section
- Don’t centre text blocks — composition is flush-left and off-axis
Not to be confused with
On mobile
Keep one colour field per screen (orange featured card, blue tab bar indicator), a huge left-aligned title and a rotated label in the margin; lists stay flat on white with 2px black rules.
Prompt builder
Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.