EMIROCreative developerLocal time

01Research

Typography that bends and breathes: notes on split text, masks and wave distortion.

Kinetic Type
01

Overview

Kinetic Type
Kinetic Type
02

Approach

  1. 01

    Masks

    Overflow masks reveal letters without layout shifts.

  2. 02

    Waves

    Sine waves bend the rows at different speeds.

  3. 03

    Readability

    Distortion stays below the point where words break apart.

Kinetic Type

The goal is to find the point where movement adds character without hurting readability.

03

Credits

Concept
EMIRO
Design
EMIRO
Development
EMIRO
Tools
GSAP, WebGL2, Canvas