Concept — Café / Tea bar
TamTams Tea Shop
A neighborhood tea bar with a traveling tea cart, selling to a younger crowd that finds tea shops a little too quiet.
The problem
Tea shop sites read like a museum label: forty leaves, steep temperatures, no personality, and no reason to pick one.
- Next.js
- Catering & job forms
- Static export
What it does
- Mood selector — pick how you feel and the menu answers with a tea, a pairing and a note
- Steep-to-order cards that fill with the tea's color over its real steep time, with a countdown
- Catering and hiring forms with themed dropdowns, routed straight to the owner
- Lighthouse 98–100 on every route on a phone, with zero layout shift
Menu
Ordered by mood, not by leaf.
Fresh, cozy or bold. Visitors who don't know oolong from sencha still leave with a drink in mind, and the full menu is one tap away for those who do.
Interaction
A card that actually steeps.
Press Steep and the card fills bottom-up with the tea's color over the real steep time. It's the piece people play with, and it teaches the menu while they do.
Palette
Lime, forest and a yellow badge.
Heavy rounded sans, a lime hero, deep forest ink and one warm yellow. Every pairing was measured for contrast before it was used, so the playful look still passes accessibility.
Next concept
Northlight Studio