← all styles

// style

Typographic / Type-driven

Typography is the image: oversized words, kinetic type, few or no pictures.
traits.txt
  • ▸ Huge display type
  • ▸ Tight leading
  • ▸ Variable fonts
palette_options.clr

Palette possibilities

Starting point

#F2F0EB · #111111 · #FF3D00 · #BDB8AD

Pentagram reference

#FFFFFF · #000000 · #E5E5E5 · #FF0000

Klim Type Foundry reference

#FFFFFF · #000000 · #F0F0F0 · #888888

Oatly reference

#FFFEF6 · #000000 · #F8C8D8 · #98C5D3

Rauno Freiberg reference

#FFFFFF · #171717 · #FFFF02 · #6F6F6F

Collins reference

#F8F8F7 · #140700 · #5E5855 · #CCCCCC

Ace Hotel reference

#FFFFFF · #231F20 · #FF944C · #3F403B

Real examples

pentagram.com
Homepage of PentagramPentagram ↗

Fonts

Pentagram custom

Colors

#FFFFFF #000000 #E5E5E5 #FF0000

klim.co.nz
Homepage of Klim Type FoundryKlim Type Foundry ↗

Fonts

Klim fonts

Colors

#FFFFFF #000000 #F0F0F0 #888888

oatly.com
Homepage of OatlyOatly ↗

Fonts

Margo Pro

Colors

#FFFEF6 #000000 #F8C8D8 #98C5D3

rauno.me
Homepage of Rauno FreibergRauno Freiberg ↗

Fonts

Custom grotesk

Colors

#FFFFFF #171717 #FFFF02 #6F6F6F

wearecollins.com
Homepage of CollinsCollins ↗

Fonts

Collins Portrait

Colors

#F8F8F7 #140700 #5E5855 #CCCCCC

acehotel.com
Homepage of Ace HotelAce Hotel ↗

Fonts

Bianco Sans

Colors

#FFFFFF #231F20 #FF944C #3F403B

Get the newsletter

Great designs and de-slop tips. What's in it

Great designs, de-slop tips, now and then. Unsubscribe any time.