Caffe Cartapani
cartapani.it/en/The reference for a heritage coffee-roaster told as an editorial film: warm espresso-brown #6c634e on beige #EAD8C9, Space Mono numeral section-markers (002/003/004) against oversized Cormorant Garamond serif display, over a full-bleed muted-video hero.
Hospitality flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Cormorant Garamond
- body
- Cormorant Garamond
- mono
- Space Mono
Do / Don't
Reference it for
- Full-bleed autoplay video hero with a WATCH THE VIDEO / PAUSE control, colour-graded warm and low-contrast so the centred wordmark reads
- Space Mono (mono) as the entire UI/label voice: nav, buttons [CONTACT US], eyebrows, metadata, at a tight 14px/16.8px
- Cormorant Garamond serif for the big statements, run huge (98px up to 207px display) against the mono for a serif/mono tension
- Zero-padded chapter numerals as section markers (002, 003, 004, 005) paired with a mono label like OUR BLENDS / ROASTING / TRAINING
- Warm earth palette straight off the beans: espresso brown #6c634e and darker #5e5644, beige #EAD8C9, cream #FBF2EA and #FEFBF7, near-black coffee #201511
- Bracketed CTA convention: [DISCOVER] [BOOK] [BAR AND RESTAURANT] [READ THE STORIES] as a consistent link language
- Repeated giant wordmark used as a rhythmic background motif (Caffè Cartapani stacked/marquee)
- 20px image-border-radius (--image-border-radius) with a smaller 12px on secondary imagery for soft product framing
Do not copy
- The Cartapani wordmark and the 1951 lockup
- The exact roasting/espresso video footage and colour grade
- The single-origin 23º / Bar Collection / Home Collection product naming
- The company registry copy (P.IVA, VIA DEL CANNETO address in Borgosatollo)
- The specific course catalogue and its Italian coffee-training language
- The CSS Design Awards 'Website of the Day' blog claim as your own
- The literal Space Mono + Cormorant Garamond pairing lifted whole for a non-coffee brand