Det er sannsynligvis ingen stil og teknologi som like bra er parret som International Typographic Style og CSS.
Når Detroit-basert designer Jon Yablonski var på utkikk etter en måte å bøye sine fremre muskler uten klientrestriksjoner, bestemte han seg for å prøve å gjenskape noen klassiske International Typographic Style-plakater, i CSS og vanilla JavaScript .
Se pennen Zürich Tonhalle (1955) av Jon Yablonski ( @jonyablonski ) på CodePen .
Den iboende gridbaserte, nesten Atomic Design-lignende typen av den internasjonale typografiske stilen gir seg perfekt til den rettlinjede bias av CSS.
Løsningen for hver plakat var den samme ... Bryt plakaten i mindre deler, ta ett skritt om gangen, og nyt lagene, eksperimentere med forskjellige keyframe-animasjoner, timingfunksjoner og varighet til det hele føles riktig.
De gjenopprettede plakatene inkluderer arbeid av Josef Müller-Brockmann, Hans Neuburg og Pierre Keller, og spenner fra 1950-tallet til 1970-tallet.
Se Pen Juni Festwochen Zürich (1959) av Jon Yablonski ( @jonyablonski ) på CodePen .
Den internasjonale typografiske stilen, også referert til som Swiss Style, men ofte nå forbundet med 1980-tallet America, ble popularisert av sveitsiske designere i midten av det tjuende århundre. Etter hvert som andre verdenskrig raser seg rundt, forblir Sveits nøytral, og designerne drar nytte av nesten et tiår med svært økologisk, høyt fokusert designutforskning; Resultatet var de rasjonelle, bestilte gridene som vi fortsatt bruker i dag.
Yablonskis tolkninger gjenspeiler ikke bare plakatene, han har animert dem på en måte som understreker deres ånd og kompleksitet; vi kan se at mesterverkene fra midten av århundret er langt fra enkle. Minimalistisk uten å være minimal, de er like dynamiske og oppfinnsom som noe i historien om grafisk design.
Se pennen Konstruktive Grafik av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Pen Canadian Broadcasting Corp. Årsrapport av Jon Yablonski ( @jonyablonski ) på CodePen .
Se pennen Ausstellung Eidgenössisches Kunststipendium av Jon Yablonski ( @jonyablonski ) på CodePen .
Se pennen Akari av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Penn Berlin-Layout av Jon Yablonski ( @jonyablonski ) på CodePen .
Se Penn Tonhalle-Quartett av Jon Yablonski ( @jonyablonski ) på CodePen .
Se pennen Zürich-Tonhalle (1958) av Jon Yablonski ( @jonyablonski ) på CodePen .