NAPPUCCINO SHOP — 325 ML · £2.59 A CAN
Order form
BRAND STYLE GUIDE

One brand.
Made to pause.

The building blocks of Nappuccino: the arch logo, our coffee-toned colours, three typefaces and a calm, generous rhythm of space.

01

The arch holds a coffee bean inside a lowercase n, under the nappuccino wordmark. Use the caramel version on dark backgrounds and the roast version on light ones. Keep clear space around it equal to the height of the bean, and never stretch, recolour or add effects.

Nappuccino logo in caramel and crema
On dark
Nappuccino logo in roast brown
On light
Nappuccino arch mark used as the site icon
Icon / social avatar
02

Colour

Dark roast tones carry the page; caramel is the one accent, saved for actions and emphasis.

EspressoPage background#1C110B
RoastCards & panels#2B1B13
CaramelAccent, buttons & links#E3A669
CremaText on dark#F3E6D4
MochaFlavour panel#573724
ToffeeFlavour panel#96653C
03

Typography

Manrope for confident headlines, Instrument Serif in italics for the reflective word, DM Sans for everything you read.

Manrope · Headlines

A little pause.

Instrument Serif · Editorial accents

A whole new perspective.

DM Sans · Body copy & labels

Chilled espresso and milk, 325 ml.

04

Spacing

Everything sits on an 8-point rhythm. Sections breathe at 88 px on desktop; cards and controls use 16–24 px.

8 px
16 px
24 px
40 px
64 px
88 px
05

Buttons

Rounded, quiet and clear. Caramel for the main action, outlined for everything else.