Responsive and accessible International Typographic Style classical posters web adaptation.
The style of design that originated in Switzerland in the 1940s and 50s (Anonymous Style, Swiss International) with famous fonts : Helvetica, Univers, Akzidenz Grotesk, leaded by fathers of Swiss graphic design :Josef Müller-Brockmann, Armin Hofmann, Ernst Keller.
I want to sharpen my CSS grid skills and discover the raster Swiss system. The Swiss Grid is “neutral,” universally appealing aesthetic, and ideal for conveying information clearly.
These are all the posters available to explore in this repo. More will (hopefully) be added soon.
| Juni-Festwochen Zürich (1957) designed by Josef Müller-Brockmann | Next one |
|---|---|
 |
Inspiration and knowledge provided by both CSS Grid and Swiss Graphic Design articles :
- https://www.smashingmagazine.com/2007/04/designing-with-grid-based-approach/
- https://www.smashingmagazine.com/2009/07/lessons-from-swiss-style-graphic-design/
- https://pavellaptev.medium.com/learning-css-grid-with-the-swiss-2bd02e913fa
- https://swissincss.com/
- https://open.nytimes.com/css-grid-for-designers-f74a883b98f5
- https://grids.obys.agency/
- https://www.smashingmagazine.com/2022/10/typographic-hierarchies/
- https://swissgrid.posterhouse.org/
- https://www.designsystems.com/space-grids-and-layouts/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent