Coffee shop website · Proposal · not publishedKolosso Café
A coffee shop that feels like home.
Website proposal for an artisan coffee shop in Curitiba: full menu, live opening hours, map and iFood ordering, carrying the identity of the printed menu.
- Year
- 2026
- Type
- Coffee shop website
- Stack
- Next.js 16
- React 19
- CSS
- Google Maps
Starting point
Kolosso Café had Instagram, a PDF menu and a first static HTML version of the site. The proposal was a website that felt like the shop itself and answered what people coming from Google want to know: what they serve, how much it costs, whether it is open and how to get there.
Visual identity
Colors
- Bone
#e7e7e4 - Sage
#c4d3c8 - Verde
#30583f - Ink
#231f20 - Muted
#404041
Typography
- Fraunces
- Alegreya Sans
How we built it
Identity from print
Colors, illustrations and tone came from the shop’s physical menu, so the site and the counter feel like the same place.
The menu as a single source
The PDF became a data file. Home page highlights read their prices from it, so one change updates the whole site.
Open now
The status is computed in the visitor’s browser, with kitchen hours tracked separately from the shop’s hours.
Moving to Next.js
The HTML version became a static Next.js site, with its own share image for every page.
What we used
- Next.jsfast static pages that index well
- Plain CSSa custom identity without fighting a UI framework
- Google Mapsdirections straight from a phone
- Prettierconsistent code for whoever maintains it
Screens
About section with photos of the shop.
Highlights with prices read straight from the menu.
Photo gallery with a lightbox.
Full menu with dietary labels.
Sticky categories and illustrations from the printed menu.