Mike Smith DesignThemes

Chandler

A five-page Astro theme for a neighbourhood cafe: a live open/closed badge, a daypart-aware counter board and a warm, colour-committed design system. Built for cafes, coffee shops and bakeries.

The Chandler home page
A section of the Chandler demo
A section of the Chandler demo
A section of the Chandler demo
A section of the Chandler demo
Chandler on a phone

Six screens from the live demo. Scroll or step through.

Chandler is a five-page cafe theme built around how a cafe actually runs: a live open/closed badge in the header, an "on the counter right now" ticker that changes with the time of day, a tabbed counter board for morning, lunch and afternoon, and a hours page that marks today automatically. Four curated colour packs switch the whole site with one click.

Chandler is a cafe website template built with Astro, for developers and freelancers making sites for cafes and coffee shops. Buy it once and use it on as many client projects as you like.

What you edit

  • src/data/site.json - cafe name, tagline, address, phone, email, opening hours
  • src/data/menu.json - dayparts, coffee board, food categories, beans
  • src/data/whats-on.json - the featured slot and listing rows
  • public/img - your own photography

What is in it

  • Astro 7, zero frameworks, one global stylesheet
  • Lenis smooth scroll and sparing scroll reveals throughout
  • Daypart tabs, the live counter ticker, and a lightbox on the story page
  • Live "open now / closed" badge driven by your real opening hours
  • Fully responsive, respects prefers-reduced-motion, semantic and keyboard-accessible
  • Builds to pure static files, deploy free on Vercel, Netlify or GitHub Pages

Try it free first

Chandler Lite is the free one page HTML cut of this theme: same design, no build step, no sign up. The full theme adds all 4 colour packs, the JSON data layer and the working parts above.


More for food and drink, and elsewhere