Tondo

Tondo is a website for a restaurant where the food is shared: small plates, a wood oven, one big round table. It is built for restaurants, wine bars and cafés that want a site with a point of view.

Everything on it is round and everything turns. The first screen is a turntable of plates. They are your dishes, straight from the CMS: switch a dish on and it joins the wheel. Visitors can drag it, use the arrows, or just scroll.

At a glance

- 13 pages: Home, Menu, The room, Evenings and a page for each evening, Journal and articles, Book, Groups, Visit, Legal, 404 and a Style guide

- 9 CMS collections: Dishes, Drinks, Evenings, Journal, Team, Growers, Notes, Questions and Legal

- Desktop, tablet and phone layouts on every page

- Two forms (table request, group enquiry) with sending, sent and failed states

- 12 code components with plain controls: Turntable, Menu Plate, Round Table, Table Times, Hours Dial, Open Now, Iris Image, Plate Text, Quote Deck, Count Up, and two helpers

- A live opening-hours dial that reads the restaurant's own time zone

- 18 colour styles and 14 text styles; three alternate palettes on the Style guide page, one of them light

- Four Framer Agent skills saved in the project: the design rules, edit the menu, add a page, rebrand

- Dark theme, set in Jost