Provavelmente, não há estilo e tecnologia que sejam tão bem pareados quanto o Estilo Tipográfico Internacional e o CSS.
Quando designer baseado em Detroit Jon Yablonski estava procurando uma maneira de flexionar seus músculos frontais sem restrições do cliente, ele decidiu tentar recriar alguns cartazes clássicos do Estilo Internacional Tipográfico, em CSS e JavaScript vanilla .
Veja a caneta Zürich Tonhalle (1955) por Jon Yablonski ( @jonyablonski ) na CodePen .
A natureza intrinsecamente baseada na grade, quase como no Atomic Design, do Estilo Tipográfico Internacional presta-se perfeitamente ao viés retilíneo do CSS.
A solução para cada pôster era a mesma… Divida o pôster em partes menores, dê um passo de cada vez recriando as camadas, depois experimente diferentes animações de quadros-chave, funções de tempo e duração até que tudo pareça certo.
Os cartazes recriados incluem obras de Josef Müller-Brockmann, Hans Neuburg e Pierre Keller, que vão desde os anos 50 até os anos 70.
Veja a Pen Juni Festwochen Zürich (1959) por Jon Yablonski ( @jonyablonski ) na CodePen .
O International Typographic Style, também conhecido como Swiss Style, mas frequentemente associado à América corporativa dos anos 1980, foi popularizado por designers suíços em meados do século XX. Como a Segunda Guerra Mundial se alastrou, a Suíça permaneceu neutra e seus projetistas se beneficiaram de quase uma década de exploração de design altamente insular e altamente focada; o resultado foram as grades racionais e ordenadas que ainda empregamos hoje.
As interpretações de Yablonski não apenas reproduzem os pôsteres, mas os animam de maneira a enfatizar seu espírito e complexidade; Podemos ver que as obras-primas de meados do século estão longe de ser simples. Minimalistas sem serem mínimos, são tão dinâmicos e inventivos quanto qualquer coisa na história do design gráfico.
Veja a Pen Konstruktive Grafik por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja o Relatório Anual da Pen Canadian Broadcasting Corp. por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja a Pen Ausstellung Eidgenössisches Kunststipendium por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja a Caneta Akari por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja o Layout da Pen Berlin por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja o Pen Tonhalle-Quartett por Jon Yablonski ( @jonyablonski ) na CodePen .
Veja a Pen Zürich-Tonhalle (1958) por Jon Yablonski ( @jonyablonski ) na CodePen .