Kafoska

Item: Kafoska
Rating: 7.5

Framer template for coffee shops and specialty cafés.

A Framer Marketplace template by Adam Pindur. Its words and photos are demo content.

Live preview Get this template Save page

7.5/10MABTU rating

Home

RESERVATION

DESKTOP · 1440 × 6,370/ ↗

MOBILE · 390

Section outline · Home

01heroStacked amber display type with cut-out glass
02menuRotated rail beside four amber priced menu cards
03featuresNumbered photos on an amber timeline
04ctaAmber block with hours, address, reservation
05mapDark-styled map embedded in the amber footer

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.6

Craft & consistency7.2

Motion6.5

Performance & a11y9.0

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

Main colours

Dark·coloured background·vivid

Typography

Soraheading · sans · google Switzerbody · sans · self-hosted

Stack & style

Framer React

Bold typography Retro Monochrome Sharp / geometric Hamburger-only nav Map Marquee Sticky header Text reveal

Design DNA

Template: deep forest green (#1C2A1A) ground with amber (#F5A623) and off-white. A heavy condensed grotesque in all caps carries everything; the hero stacks the word COFFEE four times with a cut-out cold-brew glass sitting between the lines. A vertical rotated 'MENU MENU MENU' rail runs down the left edge beside amber menu cards that list item, description and price on one rule. Below, numbered photo cards hang off a thin amber timeline, and a full amber CTA block holds hours, address and an embedded dark map.

Worth borrowing

Stack one repeated word four times and let a cut-out product photo interrupt the lines.
Run a rotated repeated word as a vertical rail beside the content it labels instead of a section heading.
Set menu cards in flat amber with white category headers so prices read from across the room.