About this template

What Windfall is

Windfall is a website for a restaurant whose menu follows what arrives. Its first screen is a still life: quince, crab, squash and seven more fall onto the page around a headline set at poster size, settle with a spring, then move with the pointer and the scroll. Below it the home page runs to sixteen sections: the week in one sentence with the produce set in the line, a wall of arrivals, a thread that draws a line from any arrival to the dishes that use it, the kitchen's five courses beside a plate that turns as you scroll, the room, six growers in a row you pull sideways, the week day by day, a season chart, suppers with seats left, private rooms, wines by the glass, press, journal, a drawn map and a closing still life. A second home page opens on a full-screen photograph instead.

There are 24 page types, among them a menu in four cards, a page for each of fourteen ingredients, six growers, six suppers, six notes and six people, private dining, gift cards, a four-step booking request, questions, careers, a style guide and a licence and changelog page. The masthead says whether the restaurant is open right now in its own time zone. The week, the hours, the arrivals and the menus are each set once in typed files and every page reads from them.

The palette is quiet on purpose: plate white, a blue-black ink taken from mussel shells, and one radicchio-crimson accent that marks what is chosen. The rest of the colour comes from the food, shown as cut-outs, and from photographs that share one warm grade, as if lit by the same kitchen. Type is Gloock with Schibsted Grotesk. Every page is designed in light and in dark, the layout adapts to desktop, tablet and phone, and every motion becomes still when a visitor asks for reduced motion. The restaurant, its growers and its prices are invented, and the photographs are for demonstration only, so replace them with your own before you publish.

Last updated

What's included

9 pages, ready to fill in

  1. 01Home and Home 2Home in 16 sections from the still life to the closing one; Home 2 opens on a full-screen photograph with tonight's nine plates under it
  2. 02MenuDinner, lunch, Sunday and wine as four cards; each dish shows the arrivals it is made from on hover, with diet marks, three pictured plates and the kitchen's five courses
  3. 03This week and each ingredientFourteen arrivals with a kind filter, what is leaving and what is expected, the week day by day and a season chart; each ingredient with its sender, amount and dishes
  4. 04Growers and each growerSix suppliers with a distance scale; each with a story, how they work and what they sent this week
  5. 05Suppers and each supperTicketed evenings with date, price and seats left, numbered courses and a form to take seats
  6. 06Private dining and gift cardsThree rooms with capacity and minimum spend, three menus and an enquiry form; three gift cards with an order form
  7. 07Journal, about, people and each personNotes with a filter and full articles; the story, four rules, a timeline and figures; six people with a page each
  8. 08Visit, book, questions, careersHours with today marked, a drawn map and four ways to arrive; a four-step table request; answers in four groups; open roles with pay
  9. 09Style guide, licence, legal, 404Every colour, size, button and picture treatment; the licence in plain words with the changelog; privacy, booking terms and a 404

Features

  • Five collections: ingredients, growers, suppers, notes and people
  • Open and closed state in the restaurant's own time zone
  • Dishes list the arrivals they use; the thread, menu rows and ingredient pages follow
  • Cut-out specimens and one warm grade for photographs
  • Eight motions, each with a reduced-motion version
  • Light and dark mode, responsive on desktop, tablet and phone
  • All content in typed files and nine colour tokens

Code version

  • React 19
  • Vite
  • Tailwind CSS 4
  • TypeScript
  • Motion
  • React Router
  • Content in typed files

Screens

A closer look

Taken from the live demo, in light and in dark, on desktop and on a phone.

Windfall template. Home: the week's arrivals as a still life around the headline.
LightHome: the week's arrivals as a still life around the headline.
Windfall template. Home in dark mode.
DarkHome in dark mode.
Windfall template. What came in: eight of the fourteen arrivals, each with its sender.
LightWhat came in: eight of the fourteen arrivals, each with its sender.
Windfall template. The thread: quince picked, and the two dishes it went into.
LightThe thread: quince picked, and the two dishes it went into.
Windfall template. The kitchen's five courses, beside a plate that turns as you scroll.
DarkThe kitchen's five courses, beside a plate that turns as you scroll.
Windfall template. The season chart, with today marked.
LightThe season chart, with today marked.
Windfall template. The week, day by day.
DarkThe week, day by day.
Windfall template. Home 2: the Tuesday delivery at full screen.
LightHome 2: the Tuesday delivery at full screen.
Windfall template. The menu, in dark mode.
DarkThe menu, in dark mode.
Windfall template. This week: every arrival, by kind.
LightThis week: every arrival, by kind.
Windfall template. An ingredient: who sent it, how much, and where it went.
LightAn ingredient: who sent it, how much, and where it went.
Windfall template. The growers.
DarkThe growers.
Windfall template. A ticketed supper with seats left.
LightA ticketed supper with seats left.
Windfall template. Visit: a drawn map of the quay.
DarkVisit: a drawn map of the quay.
Windfall template. A table request in four choices.
LightA table request in four choices.
Windfall template. The closing still life, with its own line on every page.
LightThe closing still life, with its own line on every page.
Windfall template. Home on a phone.
Windfall template. The menu on a phone, dark mode.
Windfall template. This week on a phone.
PhoneHome on a phone. The menu on a phone, dark mode. This week on a phone.

Where to get it

Three versions, one design

Pick the one that matches how you build. The pages and the design are the same in each.

  • Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.

    Free on FramerFramer Marketplace

  • Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.

    $5one payment

    Buy theme · $5
  • XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.

    Includedfor Pro and Business+ members

    Get it with Pro plan on XOXI

Want to see it first? View demo

Want one made for you?

Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us