# Swiss Modern

> The International Typographic Style rebuilt for screen: strict grid, neutral grotesque, maximum white space, and one disciplined accent.

- Category: Digital era
- Era: 2010s–present
- Origin: Contemporary web and branding studios applying International Style principles
- Lesson: https://design.dawit.dev/styles/swiss-modern
- Try it: https://design.dawit.dev/styles/swiss-modern?style=swiss-modern

## Where it came from

As web typography matured — variable fonts, system font stacks that include Helvetica, CSS grid — it became possible to reproduce the rigour of the Swiss poster in a browser. Studios and design tools brought grid systems to the web. Swiss Modern is the contemporary iteration: it respects the grid, uses a neutral grotesque or variable typeface, keeps the palette near-monochrome, and uses the accent with surgical restraint rather than nowhere or everywhere.

## How to spot it

- Strict column grid with visible vertical rhythm
- Neutral grotesque at varied weights (Inter, Helvetica Neue, Aktiv Grotesk)
- Near-monochrome palette with one accent used only for calls to action
- Photography integrated into the grid, not floating free

## Strengths

- Extremely versatile — works for any industry at any scale
- Time-resistant: grid + neutral type ages better than almost any trend
- A few type sizes and two colours cover everything

## Weaknesses

- Can feel cold and corporate for consumer products
- Requires genuine discipline: one ornamental detour breaks the system
- 'Swiss' is now a design-community cliché for 'we know design history'

## In the wild

- Stripe's documentation site
- Vercel's marketing website
- Linear's branding

## Use it when

B2B SaaS, developer tools, financial products — anywhere clarity and longevity outweigh expressiveness.

## Related styles
[Swiss / International](https://design.dawit.dev/styles/swiss.md), [Minimalism](https://design.dawit.dev/styles/minimalism.md), [Monochrome](https://design.dawit.dev/styles/monochrome.md)