DRIP Brand Manual

Item: DRIP Brand Manual
Rating: 7.3

Framer template for online brand guidelines

A Framer Marketplace template by Charlota Blunárová. Its words and photos are demo content.

Live preview Get this template Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 14,756/ ↗

MOBILE · 390

Section outline · Home

01heroShopfront photo, intro, cup photo, sticky index rail1,031
02contentsNumbered list and brand collage1,303
03aboutMission statement with footnoted values917
04logoScript logo, sizes, dark lockup, rules1,947
05colourSwatches, gradients, gradients in use, proportions2,531
06typographyRubik and Geist Mono specimens and scale1,276
07photographyDrink close-ups with notes2,186
08galleryCap, barista, cups, windows, posters2,429
09resourcesDownload rows200

Rating · Home

Visual design7.6

UX & clarity7.3

Originality7.6

Craft & consistency7.3

Motion5.5

Performance & a11y8.2

This page scores 7.3; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Framer React Google Fonts

Editorial Gradient-heavy Photography-led Swiss grid Sticky header

Design DNA

Template: warm paper (#F4F0E6) with espresso brown (#2A0A08), powder blue (#9CC3DE), blush pink (#F4B6BE) and apricot gradients. A sticky left rail holds the brushy script 'drip' logo and a numbered contents index. The main column reads like a printed manual: numbered sections (Who we are, Logo, Colour, Typography, Photography, Brand in use, Resources), Rubik headings over Geist Mono captions, colour swatches with codes, gradient poster samples, logo lockups on dark and light, full-bleed drink photography and download buttons.

Worth borrowing

Build a brand guide as a scrolling manual with a sticky numbered index rail on the left.
Caption every swatch, logo lockup and photo in small mono text with codes and usage rules.
Show the brand applied (cap, cup, window, poster) in a tight grid before the resources list.