Swing Display

Swing Display is an interactive type experiment loosely based on the movement of a chandelier.  The little “crystals” are connected as a chain and move when you click and drag them with the cursor.

The grid itself is made up of a 1:1 crystal (a hexagon) and a stretched crystal that takes up two vertical spaces. The distribution of the crystals is actually randomized which means that each time a letter is generated it’s completely different.

The typeface has four variations for each letter, playing around with the level legibility, going from still (1) to a lot of movement (3). The fourth variation has all three layers of movement stacked.

Year

2024

Tools

p5.js
matter.js