Det finns förmodligen ingen stil och teknik som är lika bra som den internationella typografiska stilen och CSS.
När detroit-baserad designer Jon Yablonski letade efter ett sätt att böja sina främre muskler utan klientstöd, bestämde han sig för att försöka återskapa några klassiska International Typographic Style-affischer, i CSS och Vanilla JavaScript .
Se Pen Zürich Tonhalle (1955) av Jon Yablonski ( @jonyablonski ) på CodePen .
Den iboende gridbaserade, nästan Atomic Design-liknande typen av den internationella typografiska stilen gör det perfekt för CSSs rätlinjiga bias.
Lösningen för varje affisch var densamma ... Bryta affischen i mindre delar, ta ett steg åt gången och återskapa lagren, försök sedan med olika nyckelramsanimeringar, tidsfunktioner och varaktigheter tills det hela känns rätt.
De återställda affischerna inkluderar arbete av Josef Müller-Brockmann, Hans Neuburg och Pierre Keller, och sträcker sig från 1950-talet till 1970-talet.
Se Pen Juni Festwochen Zürich (1959) av Jon Yablonski ( @jonyablonski ) på CodePen .
Den internationella typografiska stilen, även kallad schweizisk stil, men ofta nu associerad med 1980-talets företagsamerika, populariserades av schweiziska designers i mitten av det tjugonde århundradet. När andra världskriget rasade omkring, förblev Schweiz neutralt, och dess designers gynnades av nästan ett decennium av mycket isolerande, högt fokuserad designutforskning. Resultatet var de rationella, beställda rutorna som vi fortfarande använder idag.
Yablonskis tolkningar reproducerar inte bara affischerna, han animerade dem på ett sätt som betonar sin ande och komplexitet. vi kan se att mittenverkets mittenverk är långt ifrån enkla. Minimalistisk utan att vara minimal är de lika dynamiska och uppfinningsrika som någonting i grafisk designens historia.
Se Pen Konstruktive Grafik av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pencil Canadian Broadcasting Corp. Årsrapport av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Ausstellung Eidgenössisches Kunststipendium av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Akari av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Berlin-Layout av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Tonhalle-Quartett av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Zürich-Tonhalle (1958) av Jon Yablonski ( @jonyablonski ) på CodePen .