Harbor

Item: Harbor
Rating: 7.4

Framer template for coffee shops and bakeries with a real brand.

A Framer Marketplace template by Asif Aleem. Its words and photos are demo content.

Live preview Get this template Save page

7.4/10MABTU rating

Home

DESKTOP · 1440 × 12,534/ ↗

MOBILE · 390

Section outline · Home

01heroBlue field, outlined caps, branded cup render
02aboutPinned headline with brand photos sliding past
03categoriesBlue band, four circular product cards with arrows
04menuNine product cards with price and rating
05reservationBlue act with white booking form and hours
06combosThree pairing cards with before/after pricing
07testimonialsFloating review cards over blue, ghost headline
08galleryFour-up lifestyle photo strip
09ctaStorefront photo with rating chip and two buttons
10footerBlue footer, newsletter field, link columns

Rating · Home

Visual design8.0

UX & clarity7.2

Originality7.8

Craft & consistency7.2

Motion7.0

Performance & a11y6.2

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

Main colours

Light·white background·vivid

Typography

Alte Haas Groteskbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Bold typography Playful Photography-led Rounded / soft Sticky header Hero carousel Marquee Pricing table Testimonial slider Booking widget Smooth scroll Review badges

Design DNA

Template: electric blue (#155DFC) against cream (#FBF7EF) and white, with a heavy condensed all-caps display face outlined in white for the hero and every section title. Branded cups, tees and packaging shot on blue are the imagery, not generic latte art. Products sit in a three-up card grid with price, rating and an Instagram-style corner icon; a blue reservation act pairs a stacked headline with a white booking form; combo cards pair two product photos; testimonials float as small white cards over a blue field with a ghost headline behind. Pills, chips and 24px radii keep everything soft.

Worth borrowing

Shoot branded packaging on the brand colour and let it replace all stock food photography.
Outline the condensed caps headline in white over a saturated blue for a sticker-like hero.
Scatter small review cards over a flat colour field with the section headline ghosted behind them.