Drip

Item: Drip
Rating: 7.8

Framer template for specialty coffee bars with an editorial brand.

A Framer Marketplace template by Caglan Gungormez. Its words and photos are demo content.

Live preview Get this template Save page

7.8/10MABTU rating

Home

IDEAS

Blog post

DESKTOP · 1440 × 7,473/ ↗

MOBILE · 390

Section outline · Home

01heroWHERE COFFEE MEETS CRAFT.798
02media text1,027
03features grid640
04features gridCOFFE1,037
05contentWHERE COFFEE792
06media text729
07features grid1,078
08content10:00 - 19:00477

Rating · Home

Visual design8.2

UX & clarity7.2

Originality8.3

Craft & consistency7.2

Motion6.5

Performance & a11y9.0

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

Main colours

Light·white background·mono

Typography

Clash Groteskheading · sans · self-hosted Switzerbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Bold typography Editorial Photography-led Grain / texture Swiss grid Smooth scroll

Design DNA

Template: white paper with black type and warm film-grain photography as the only colour. A heavy uppercase grotesque sets the statement 'Where Coffee Meets Craft' at hero scale and repeats it as a refrain over a photo band and in the footer. The header carries the local time as a live clock beside a minimal wordmark and Menu link. Images sit in deliberately unequal asymmetric grids with hard crops and motion blur. The menu is set as three plain lists — Coffee, Brew Lab, Ice Tea — with kcal in grey and price in black, no cards at all.

Worth borrowing

Set a menu as bare aligned text lists with a grey kcal column and a black price column, no cards.
Put a live local clock in the header as the only dynamic element of a static brand page.
Repeat one uppercase statement at three scales — hero, photo overlay, footer — as the page's refrain.