Der er sandsynligvis ingen stil og teknologi, der er lige så godt parret som International Typographic Style og CSS.

Når Detroit-baserede designer Jon Yablonski var på udkig efter en måde at bøje sine front-end muskler uden klient begrænsninger, besluttede han at prøve at genskabe nogle klassiske International Typographic Style plakater, i CSS og vanilla JavaScript .

Se Pen Zürich Tonhalle (1955) af Jon Yablonski ( @jonyablonski ) på CodePen .

Den iboende netværksbaserede, næsten Atomic Design-lignende natur af den internationale typografiske stil giver sig perfekt til den retlinede bias af CSS.

Løsningen for hver plakat var den samme ... Bryd plakaten i mindre dele, tag et trin ad gangen, genskab lagene, eksperimenter derefter med forskellige keyframe animationer, timing-funktioner og varigheder indtil det hele føles rigtigt.

De genoprettede plakater omfatter arbejde af Josef Müller-Brockmann, Hans Neuburg og Pierre Keller, og spænder fra 1950'erne til 1970'erne.

Se Pen Juni Festwochen Zürich (1959) af Jon Yablonski ( @jonyablonski ) på CodePen .

Den internationale typografiske stil, også kaldet schweizisk stil, men ofte nu forbundet med 1980-erne America, blev populeret af schweiziske designere i midten af ​​det tyvende århundrede. Efterhånden som anden verdenskrig raser omkring det, forbliver Schweiz neutralt, og dets designere har nydt godt af næsten et årti med meget økologisk, højt fokuseret designforskning; Resultatet var de rationelle, bestilte grids, som vi stadig beskæftiger i dag.

Yablonski's fortolkninger reproducerer ikke blot plakaterne, han har animeret dem på en sådan måde at understrege deres ånd og kompleksitet; vi kan se, at mesterværkerne fra midten af ​​århundredet er langt fra enkle. Minimalistisk uden at være minimal, de er så dynamiske og opfindsomme som noget i historien om grafisk design.

Se Pen Konstruktive Grafik af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pencil Canadian Broadcasting Corp. Årsrapport af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pen Ausstellung Eidgenössisches Kunststipendium af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pen Akari af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pen Berlin-Layout af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pen Tonhalle-Quartett af Jon Yablonski ( @jonyablonski ) på CodePen .

Se Pen Zürich-Tonhalle (1958) af Jon Yablonski ( @jonyablonski ) på CodePen .