An open API service indexing awesome lists of open source software.

https://github.com/teotimepacreau/swiss-international-style-responsive

Responsive and accessible International Typographic Style classical posters web adaptation.
https://github.com/teotimepacreau/swiss-international-style-responsive

akzidenzgrotesk anonymousstyle brutalism brutalist cssgrid graphicdesign grid gridsystem helvetica helveticstyle internationaltypographicstyle josephmullerbrockman minimalism mullerbrockman rastersystem swissinternational swissinternationalstyle swisstype swisstypo typography

Last synced: 8 months ago
JSON representation

Responsive and accessible International Typographic Style classical posters web adaptation.

Awesome Lists containing this project

README

          

# Swiss International Style responsive adptation
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.

# About this project
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.

# Poster Directory
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](https://teotimepacreau.github.io/SwissInternationalStyleResponsive/) |Next one
:-------------------------:|:-------------------------:
![Josef_Müller-Brockmann_1957_poster](Josef_Müller-Brockmann_1957.jpg) |

# Acknowledgments
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/