Visual Style Atlas
Explore 100+ Visual Styles

Graphic Design

Swiss Style

Making information as clear as a public system: grid, sans serif type, objective image, and asymmetric layout serve reading together.

Matured
1950s
Centres
Zurich and Basel, Switzerland
Also called
International Typographic Style

VISUAL CUES

  • grid
  • distinctive visual language
  • distinctive visual language
  • negative space
  • distinctive visual language
Start looking↓
An apple interpreted through objective photography, whitespace, and asymmetric Swiss Style order
Contemporary interpretation · Visual teaching image

READ THE IMAGE

The image feels quiet because its order sits in an invisible grid

This teaching image avoids decoration and builds hierarchy through a clear subject, ample space, an offset background, and precise light. Full Swiss Style also requires type and layout; the photograph cues only one layer.

  1. 01

    Read the objective subject

    The apple is shown clearly, almost like product photography, without an illustrative manner obscuring form or surface.

  2. 02

    Find asymmetric balance

    The fruit sits right of centre while plant and shadow pull across the field; balance is not mirror symmetry.

  3. 03

    Use whitespace functionally

    The pale ground creates breathing room and an information zone. Empty space is structure, not vacancy.

  4. 04

    Imagine type on the grid

    Heading, caption, and number could enter along left edges and horizontal baselines with consistent hierarchy.

In one sentence

Not making everything cold—
but organising complex information into a repeatable system

Swiss Style, or the International Typographic Style, matured in Zurich and Basel in the 1950s. Modular grids, sans serif type, flush-left ragged-right setting, objective photography, and strong hierarchy organised posters, publications, and public information. It developed rational methods from New Typography, Constructivism, and Bauhaus within postwar professional and multilingual communication.

VISUAL LANGUAGE

Layout DNA

01

Grid

Invisible, modular

Columns, margins, baselines, and ratios let diverse content share one order.
02

Type

Sans serif, hierarchical

Size, weight, and spacing carry structure without applied ornament.
03

Alignment

Flush left, ragged right

A stable edge speeds scanning while preserving natural word spacing.
04

Image

Photography, diagram, fact

Pictures often act as evidence or information rather than lyrical backdrop.
05

Composition

Asymmetric, exact

Tension comes from proportion and placement instead of central symmetry.

Where it came from

From avant-garde typography to postwar public systems

New Typography, Constructivism, and Bauhaus had already advanced asymmetry, photography, and functional type between the wars. Swiss schools, printers, and international institutions refined those methods after 1945 and distributed them through journals, posters, and identities.

  1. New Typography sets precedents

    Jan Tschichold and others codify asymmetry, standardisation, and photographic type from avant-garde experiment.

  2. Zurich and Basel mature the language

    Josef Müller-Brockmann, Armin Hofmann, and peers develop grid discipline through teaching and cultural posters.

  3. Helvetica is released

    Neue Haas Grotesk appears from Haas Type Foundry and later becomes an international sans serif emblem.

  4. Neue Grafik travels

    A multilingual journal presents Swiss practice as a system for international professional communication.

ARTISTS & WORKS

Meet it through four designers

01

Josef Müller-Brockmann

Organised concert and public posters with mathematical grids, photography, and acoustic rhythm.
Musica Viva poster
02

Armin Hofmann

Built tension from black-white contrast, type, and photography while teaching in Basel.
Giselle poster
03

Emil Ruder

Grounded typographic teaching in space, rhythm, contrast, and the function of reading.
Typographie
04

Max Bill

Linked Concrete art, Ulm teaching, and systemic design through proportion and function.
USA baut poster

How to recognise it

Look for a reusable information system

  • ✓Do columns, margins, baselines, and alignments repeat consistently?
  • ✓Is hierarchy built mainly through size, weight, and space rather than ornament?
  • ✓Does photography or diagram carry factual information instead of mood alone?
  • ✓Is the asymmetric layout still exact, stable, and quick to scan?

STYLE RELATIONS

Three contexts for rational design

REFERENCES

Sources & image note

The apple only simulates objective photography, whitespace, and asymmetric balance. Without actual text it cannot fully demonstrate typographic hierarchy or a modular grid, so the image is an entry into the layout method.

  1. Museum für Gestaltung Zürich: Swiss Design Collection ↗
  2. MoMA: The Modern Poster ↗
  3. Museum für Gestaltung Zürich: 100 Years of Swiss Graphic Design ↗