Velour & Co.

Item: Velour & Co.
Rating: 7.2

Framer template for specialty coffee micro-roasteries

A Framer Marketplace template by Tanmay Shekhar. Its words and photos are demo content.

Live preview Get this template Save page

7.2/10MABTU rating

DESKTOP · 1440 × 7,018/ ↗

MOBILE · 390

Section outline · Home

01heroGiant two-colour condensed wordmark, mono manifesto, violet fade
02aboutHeadline left, mono paragraphs right
03statsFour ruled counters
04productsThree coffee photo cells with roast names
05processSource, roast, ship rows with 3D renders
06contactShop photo, ruled hours table
07ctaViolet band
08footerWordmark repeat, ruled link columns

Rating · Home

Visual design7.8

UX & clarity6.9

Originality7.8

Craft & consistency7.2

Motion6.0

Performance & a11y7.0

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

Main colours

Dark·black background·vivid

Typography

Oswaldheading · sans · self-hosted IBM Plex Monobody · mono · google

Stack & style

Framer Lenis React Google Fonts

Bold typography Retro Sharp / geometric Dark tech Process steps Smooth scroll Stats band Sticky header

Design DNA

Template: black (#0B0B0B) page with a saturated violet (#7B2FD0) accent and cream (#F3EFE3) type. The hero is a full-width condensed grotesk wordmark ('VELOUR' in cream, '& CO.' in violet) fading into a violet gradient, with manifesto paragraphs in small centred monospace. Sections are divided by thin grey rules: a four-cell stats row, a three-up menu of dark coffee photos with violet roast names, a process of source, roast and ship each with a dark 3D render (bean, drum, bag), visit hours in a ruled table, a solid violet statement band and a repeat of the wordmark above the footer.

Worth borrowing

Let the brand wordmark fill the hero width in two colours instead of a headline.
Write all body copy in a small monospace voice for a blunt, workshop tone.
Illustrate each process step with one dark 3D object on black (bean, drum, bag).