Kanel

Kanel is a website for a bakery and café, built like a white pastry case. On the first screen the day's bakes float slowly around the name, in front of and behind the letters, each with its own shadow, and the opening status follows the visitor's clock.

Every bake shows when it comes out of the oven. For an hour after the tray comes out, the line turns green: warm now. Bakes, whole cakes and drinks all live in the CMS, with their prices and times.

What's inside

• Home page: the floating hero, today's bakes with their oven times, coffee and drinks, how you bake with three key numbers, whole cakes with an order form, address and opening hours

• Menu page: viennoiserie, bread, cakes and tarts by category, each with a short description, plus the drinks

• Order page: the whole cakes and the order form, with sending and sent states

• A 404 page, and a phone menu that slides open

• Desktop, tablet and phone layouts

Good to know

• Font: Geist, free

• Opening hours are set day by day in one panel; each oven time is a plain field in the CMS

• The bakes are cut-out photos with a transparent background: swap them for your own in the CMS

• Sample names, prices and photos are for preview only: replace them with your own

Questions or issues: contact@atypikal.ma