Iterable Logo

Overview

Iterable updated their logo about 6 months after I left role at the company. I created this interactive logo component to show how the new generative logo could be applied to letters and numbers. Enjoy 😄

Skills

ReactJS
TypeScript
HTML
CSS
Styled Components

Demo

Use the controls to change the shape of the logo. In the Character view, you can click to a corresponding character to immediately transform the logo. In the Input view, you can type out a word and play the animation in sequence.

Note: Not all characters are supported. Any unsupported character will display default logo.

logo
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
0
1
2
3
4
5
6
7
8
9