Skip to content
E-commerce

Tony's Chocolonely

An intensely expressive e-commerce identity where saturated color, paper textures and handcrafted illustrations sit alongside a clear grid and a bold hierarchy. Every block pairs huge headlines, vibrant product photography and microcopy full of personality, turning the store into something that reads like an activist magazine.

ColorEditorialLarge typeIllustration
tonyschocolonely.com Desktop
Full screenshot of tonyschocolonely.com on desktop
Full screenshot of tonyschocolonely.com on mobile
Mobile

Screenshots of the real site. Scroll inside each frame to go through it.

The feeling

Warm, playful, militant energy: joy with a purpose.

Design system Extracted from the site

Colors

Background
#ffffff
Text
#000000
Accent
#eb0000
Palette: #eb0000 #ffffff #000000 #006be1 #ffed00 #ff7400

Typography

American typewriter Headlines
Scale 22px19px16px15px

Weights: 400 · 700

Spacing, borders and layout

Spacing scale
4 · 8 · 12 · 16 · 20 px
Base unit
4px
Border
1px
Content width
1440px

Third-party style reference. AIGiner is not affiliated with or sponsored by Tony's Chocolonely; the brand, design and content belong to their owners. Shown for illustrative purposes. Are you the owner and would rather we remove it? Write to us.

Similar pages

See all
liquiddeath.com
Screenshot of Liquid Death's website

We design websites at this level

Tell us about your brand, launch or event and we'll propose a creative website with this attention to detail and this finish.