3 Trees Café
3 Trees Café needed a site that matched its identity: a garden café in Rhodespark built around plants, natural light, and an all-day breakfast menu. The palette leans sage, cream, and warm brown, paired with Fraunces and Hanken Grotesk for a soft but confident type pairing.
The build includes a custom animated SVG loading screen and a dedicated menu page alongside the main site, so guests can browse the full menu without digging through a PDF.
Tech Stack
- HTML5 / CSS3
- Custom SVG loading animation
- Static single-file-per-page build
- MicroLynk companion page
Highlights
- Garden-inspired sage / cream / warm brown palette
- Fraunces + Hanken Grotesk typography pairing
- Custom animated SVG loading screen
- Dedicated menu.html page
- MicroLynk bio-link companion page for Instagram
What This Demonstrates
A custom visual identity system: palette, type pairing, and a dedicated menu experience, built entirely from scratch, not assembled from a page builder.
Cafés, restaurants, and hospitality brands that need a warm, inviting first impression and an easy way to showcase a menu.
Let's build yours next
Send a message and I'll scope your project together.