Screenshot of Caffe Design

Caffe Design

www.caffe.design

An Italian "design gang" community-magazine fronted by a hand-drawn one-eyed coffee-cup mascot — bubblegum-pink canvas, a literal animated preloader as the brand voice, GT Haptik sans paired with Argent Pixel CF italic for headline accents.

Editorial Publishing Design Community Magazine niche

Design tokens

page
text
textInverse
accentCoral
surfaceWhite
surfaceOffWhite
surfaceBlack
display
GT Haptik
body
GT Haptik
accentItalic
Argent Pixel CF
fallback
Times
mono
(none)

Do / Don't

Reference it for

  • rgb(255, 179, 212) bubblegum pink page surface — confident chromatic background, not a near-white
  • Hand-drawn full-colour mascot dropped on the page without a card frame, shadow, or rectangle
  • Literal animated preloader as the brand experience — five-dot progress indicator below the mascot, coral-red lit state
  • rgb(255, 84, 90) coral-red as a single-use "active state" accent — only the lit preloader dot wears it
  • Pure black rgb(0, 0, 0) typography (639 hits) — near-total text discipline on a chromatic page
  • GT Haptik (Grilli Type, same foundry as Koto) at 5 weights (300, 400, 500, 700 + MediumRotalic italic variant) — full sans system
  • Argent Pixel CF italic as headline accent serif — gives editorial phrases their *kick* (e.g. *ascoltami!*)
  • Times as system fallback — old-school, intentional, magazine-like

Do not copy

  • The coffee-cup-with-legs cyclops mascot illustration — it is the Caffè Design IP
  • The phrase *"Io sarò la tua guida, ascoltami!"* — it is the literal mascot voice line
  • The phrase *"la tua gang di Designer preferita"* / "gang of designers" framing
  • The caffè / design two-line stacked wordmark
  • The Italian-language site copy verbatim — pick the brand's actual market language
  • The GT Haptik bespoke font commission unless the brand can licence Grilli Type
  • The Argent Pixel CF face exactly — substitute with a freely-licensable italic serif if needed
  • The exact rgb(255, 179, 212) pink hue at full surface — pick a brand-specific chromatic

Signature moves

confident chromatic full-surface canvas

the whole page sits on a bubblegum-pink surface with pure-black type discipline (no near-white), making colour the brand statement rather than an accent.

hand-drawn mascot dropped frameless on the page

a full-colour hand-drawn mascot sits directly on the canvas with no card, shadow or rectangle around it, reading as crafted illustration not stock.

literal animated preloader as the brand experience

a hand-authored animated preloader (five-dot progress under the mascot, one coral lit dot) is the brand voice, built from 7 keyframes (anim, kickin, pulse, etc.) with no animation library and a disciplined all 0.3s ease workhorse transition.