Skip To Content

Live Build · Birmingham

An Architectural Quarterly For A Specialty Coffee Bolthole.

A serene, slow, generously empty editorial site for a coffee bar tucked inside a Birmingham design store.

One¹ At Minima homepage

This is a real production site we built end-to-end. The build below is the same site you can open at the live URL.

one1atminima.vercel.app

Design Language

The Locked Direction.

Concept · Ma & Margin — Japanese Editorial Quiet

Palette

  • Bone#F2EEE7
  • Warm Ink#1B1A17
  • Weathered Olive#8C8B6B
  • Terracotta Clay#A8543A
  • Soft Shadow#6B6B66

Fonts

  • Apoc
  • Söhne
  • JetBrains Mono

Signature Moves

  • Single-Column Long-Form Editorial Scroll
  • Now Brewing Mono Indicator Top-Left
  • Cinemagraph Hero With One Looping Drop
  • Hairline Olive Rules Instead Of Borders
  • Vol. 01 — Filter Notes Journal Section
  • Colophon Footer In Mono

Background

The Brief Behind The Brand.

The brief was a specialty coffee bolthole inside a Birmingham design store. Their tagline — coffee, design, community — was the brief in three words. The site needed to read like an architectural quarterly or a Japanese editorial journal: hushed, slow, generous in margin, and devotional about the everyday.

We built a four-page quiet brand site. A single editorial scroll on the homepage with opening prose, a Now Brewing label, the cinemagraph still, a philosophy paragraph, the Filter Notes Vol. 01 teaser, an in-conversation pull-quote, and a visit module; product blocks with mono detail labels on the menu; long-form journal entries on notes; and a typographic visit page with no map.

Build

Visual System, Motion, And Structure.

The palette is locked to one mood. Bone #F2EEE7 base, warm ink #1B1A17 with a brown bias for the body type, weathered olive used rarely for pull-quotes and hairlines, a single terracotta clay accent reserved for one or two CTAs, and a soft shadow neutral for secondary text. There are no gradients, no drop shadows, no neumorphism, and no glassmorphism anywhere on the site.

Type pairs Apoc as a restrained editorial serif, Söhne as a literary sans at weight 400 with a generous 1.6-plus line height, and JetBrains Mono for product specs, opening hours, and batch numbers. Headlines stay at a mid 48 to 72 pixels and never reach display size — the page earns its quiet by leaving room around every line.

Structurally, the homepage is a single column. Pull-quotes break up the prose rather than feature blocks; the Now Brewing indicator carries the current featured filter coffee with a tiny static-loop steam SVG; the cinemagraph hero is a single still photograph with a subtle SVG water-drop animation; and the visit module is a Kinto-style address block with hours typeset as a list and directions written as a paragraph instead of a map embed.

One¹ At Minima Mid-Scroll Detail

One¹ At Minima mid-scroll detail

What's Wired

The Practical Foundations.

Schema

CafeOrCoffeeShop JSON-LD with the address inside minima on Hospital Street, Birmingham, opening hours, and a relationship reference back to the parent design store.

Accessibility Floor

Generous line height, semantic article elements, hairline rules read as decorative, focus rings in clay, and reduced-motion kills the cinemagraph drop animation.

Motion Budget

Framer Motion is used only for the cinemagraph drop loop — every other interaction is static or scroll-based, with no hover lifts or 3D effects.

Fonts

Apoc display, Söhne body at 400 with 1.6-plus line height, and JetBrains Mono for opening hours, batch numbers, and Now Brewing labels.

Colour

Bone #F2EEE7 canvas with warm ink, weathered olive, terracotta clay #A8543A as the one warm accent, and soft shadow for secondary text.

Specs

Build Specs.

Stack
Next.js 16 · React 19 · Tailwind v4 · Framer Motion (Cinemagraph Only) · Mono Detail Tokens
Pages Count
4 — Home · The Menu · Filter Notes · Visit
Duration
3 Weeks End-To-End
Shipped
2026-04-30

Sister Builds

Three More Builds.

More builds across other locked directions and locales.

See Our Work
The Pawtisserie showcase homepageLive
PembrokeshirePet Bakery
The Pawtisserie

Pembrokeshire's first doggy café, served on stitched paper.

Paprika Club showcase homepageLive
Leamington SpaRestaurant
Paprika Club

Family-run. Saffron-stained. Lord-approved.

Sher showcase homepageLive
Sutton ColdfieldRestaurant
Sher

Feast like a lion.

Start Here

Build Like This

Send the brief with the build that feels closest to your business, and we will reply with the practical package fit.