Cafe Seventy Two website
First pour. Last call.
The brief
Take the identity online.
Cafe Seventy Two already had its identity: a monoline mark that draws a 7, a 2 and a cup, a gold tab, and a day that runs from 06:00 to 23:00. The website had to feel like the room. It needed to be bright, calm and quick to use with one hand in a queue.
We designed six pages and an article template: Home, Menu, Story, Visit, Shop and Journal. We also wrote a full build sheet, so the site can be rebuilt as a Framer theme.
- Client
- Cafe Seventy Two website
- Sector
- Food and beverage, coffee restaurant
- Scope
- Web design, Design system, Responsive layouts, Motion, Framer theme spec
- Year
- 2026
- Studio
- Theepa Studio, Dubai
Key decisions
| Hero | Cut-out cups float over a sunlit sky while the cafe's day runs behind them as a ticker. |
|---|---|
| Clock | A small chip reads the visitor's local time and names the moment: Doors open, Morning rush, After dark. |
| Cards | Four favourites, each on its own tint from the palette, with the product rising from the bottom edge. |
| Type | Archivo 700 for headings, Instrument Serif Italic in Roast for the second line, and narrow Archivo for prices and times. |
| Shape | 28 px corners on every card and photo, and pills for every button, tab and field. |
| Handoff | Colour and text styles, three breakpoints (1440 / 810 / 390), 14 components and their motion settings, written for Framer. |
09:00 Morning rush
Six pages, one system.
Every page opens with a tinted panel and one product. Headings, cards and pills stay the same from page to page, so the menu, the shop and the journal all feel like the same counter.
20:00 After dark
Quiet motion, ready for Framer.
The cups float on a seven-second loop, the tickers keep moving, and cards fade up as you scroll. All of it turns off for reduced motion. Each setting is written into the build sheet, ready for the Framer theme.
Cafe Seventy TwoSee the brand identity Seven, two, then a cup.More work
All case studies
Estuary Data
Data infrastructure, SaaS
Every source. One stream.
Cafe Seventy Two
Food and beverage, coffee
Seven, two, then a cup.
Run With Us
Sport, running community
Every distance, one crew.
Claimtrax
Finance and tax technology
Claims in. Clarity out.
Claimtrax app
Finance and tax technology
Tax clarity, end to end.
Cafe Seventy Two website: questions
Who designed the Cafe Seventy Two website?
Theepa Studio designed it in 2026, alongside the Cafe Seventy Two brand identity.
What was included?
Six page designs and an article template, layouts at three screen widths, a website design system, motion, and a Framer build sheet covering styles, components, CMS and breakpoints.
What is the idea behind it?
The site follows the cafe's day. A live clock names the moment, and the hero ticker runs from 06:00 Doors open to 23:00 Last call, the same story as the identity.
Can Theepa Studio design and build a website like this for my brand?
Yes. We design brand-led websites and build them in Framer, Webflow or Next.js. Book a call to talk it through.
Want a brand that works this hard?
A 30-minute call. We look at your brand and site together, and you leave with a plan and a fixed price, whether or not you hire us.