Flora Café

Item: Flora Café
Rating: 7

Wellness cafe serving coffee, matcha and seasonal drinks, with events.

florawellnesscafe.com Save page

7.0/10MABTU rating

DESKTOP · 1440 × 5,234/ ↗

MOBILE · 390

Section outline · Home

01header120
02hero831
03features gridMore than just your downtown café232
04features gridExplore Our Menu705
05features gridFlora Fridays641
06features gridMat & Matcha801
07features grid632
08features gridThe Daily Pour819
09footer500

Rating · Home

Visual design8.0

UX & clarity7.8

Originality7.5

Craft & consistency7.8

Motion5.0

Performance & a11y2.0

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

Main colours

Light·cream background·vivid

Typography

Adobe Caslon Proheading · serif · self-hosted Adobe Caslon Probody · serif · self-hosted Office Times Round Mono 4hit0laccent · mono · adobe

Stack & style

Squarespace Adobe Fonts

Minimal Editorial Retro Photography-led Sticky header Transparent header

Also: reCAPTCHA

Design DNA

Cream paper with oxblood red as the single accent, a script wordmark, an italic serif for headings and a typewriter mono for menu items and prices. A red announcement strip sits above a thin header. The hero is a black-and-white street photo of a customer carrying cups. The menu is typeset as a real bill of fare in three columns with dotted alignment and red section rules, flanked by small red line drawings of a jug, a cup and a stretching figure. Below sit editorial blocks: an event photo with a red READ MORE tag, a four-up merch row, and two journal cards. The footer is a deep oxblood panel with a subscribe field and a vertical BACK TO TOP rule.

Worth borrowing

Typeset the drinks menu as a printed bill of fare in mono with dotted price alignment.
Scatter small single-colour line drawings in the margins as the only decoration.
Mix black-and-white documentary photos with colour product shots to separate story from product.