A visual experiment

See words differently.

ColourLine replaces familiar letterforms with sequences of three coloured lines. Together, they create words, patterns and a new way of seeing written language.

H E L L O
Current alphabet

The Alphabet

Letters
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
Numbers
0
1
2
3
4
5
6
7
8
9
Special characters
.
,
'
:
?
!
&
$
£
@
+
-
_
*
/
The idea

ColourLine began with a love of information, infographics, words and languages — and a curiosity about the unusual ways information can be represented.

Letters are familiar shapes, but those shapes are conventions we have learned. ColourLine asks what happens when a character is represented differently: as a sequence of three vertical colours.

At first, the result appears abstract. Then patterns emerge. Letters become familiar. Words begin to appear.

Part font. Part visual language. Part experiment.
How it works

Three lines, read in order, become words.

01 — Three lines

Every character is constructed from three vertical coloured lines of equal width.

02 — Colour has order
arrow_forward A

The sequence is read left to right. Each unique order represents one character.

03 — Patterns become words
W
O
R
D

As sequences repeat, individual letters and familiar words become recognisable — this spells WORD.

Drag the slider to watch familiar letters resolve into their ColourLine glyphs — the same word, read two ways at once.

{{ r.char }}
Letters ColourLine

A word becomes a pattern.
A pattern becomes personal.

A name or phrase can stand alone as a piece of visual design. Its meaning creates a second layer — personal to the owner, and intriguing to everyone else.

A pet name — GRACIE, framed.
A name on a ceramic mug — JESS.
Initials on a T-shirt — CL.
“What does that mean?”

Type a word or name.

Everything happens in your browser — nothing is saved.
Background
Letters
Size
{{ text }}
Download PNG · 1920×1080

Start seeing words differently.

Download the font Download the webfont Get the SVG alphabet