Type Lab — Text styles by Faisal Husain

Text treatment archive

●Gradient playground

From color

#18181b

From position0%

Via color

#71717a

Via position50%

To color

#a1a1aa

To position100%

Choose three colors and place each stop precisely. Random gives you a balanced gradient to start from.

Explore styles ┌─ choose colors
└─ place the stops

┌──────────────┐
│ R → G → B    │
│              │
│  00%         │
│  50%         │
│  100%        │
└──────────────┘

Three colors.
Three stops. That’s it.

Index / 01—06

Choose a voice.

01 / Graphite

Quiet / Editorial

Live

Make words feel visible.

#graphite

02 / Infrared

Warm / Electric

Make words feel visible.

#infrared

03 / Signal

Sharp / Vital

Make words feel visible.

#signal

04 / Cobalt

Cool / Focused

Make words feel visible.

#cobalt

05 / Solar

Bright / Optimistic

Make words feel visible.

#solar

06 / Ultraviolet

Deep / Expressive

Make words feel visible.

#ultraviolet