A MacBook on a crowded wine bar table showing the Vardag website, surrounded by small plates, bread and glasses of orange wine.
A MacBook on a crowded wine bar table showing the Vardag website, surrounded by small plates, bread and glasses of orange wine.
A MacBook on a crowded wine bar table showing the Vardag website, surrounded by small plates, bread and glasses of orange wine.

Vardag

I wanted to see what it takes to make a template, so I made one.

Vardag is Swedish for “everyday”. It started as a way to try something new: designing for no client in particular, only for a kind of place I like going to. A small wine bar, a café, a restaurant around the corner. I designed and built it in Framer, wrote a few code components along the way and put it up on the Framer Marketplace.

Client

Self-initiated

Role

Web design

Web design

Graphic design

Graphic design

4

Pages

4

Pages

2

CMS collections

2

CMS collections

$49

Price

$49

Price

Three guests chatting outside a wine bar at night, one holding a glass of orange wine.
An older woman laughing at the table as a waiter leans in, while a young man covers his face, laughing.
An older man reading a newspaper at the bar, with a glass of red wine and a small bowl of olives.

Every photo is made in Midjourney, from a prompt I shaped to match the look.

01

THE IDEA

No client.
Just a place I like.

Most of my work starts with someone else’s brief. This one didn’t. I wanted to design for a kind of place rather than a specific company: a small wine bar, a café, a restaurant around the corner where the menu changes and something is usually on. Then I wanted to see if I could turn that into a template other people could actually use.

A hand holding an iPhone at a dinner table, showing the Vardag event page for Tasting: the Loire.
Three phone screens of the Vardag website: the hero, the event list and the menu with prices.
The About section of the Vardag website, with a row of tilted polaroid photos from the bar.

Warm paper, one deep blue and monospaced type. Quiet enough to let the photos do the talking.

02

THE DETAILS

Always changing.
Easy to keep up.

A restaurant's website is never really finished. The menu changes, a tasting gets planned, the hours shift around the holidays. So I tried to make those updates the easy part. Food and drinks live in one CMS collection. Events sort themselves, so past ones move to an archive without anyone touching them. And a small bar at the top shows today's opening hours. A few of these needed code, which was a part I really enjoyed working with.

The Menu collection in Framer's CMS, with sections, dish names, slugs and prices.
An event page on the Vardag website: the title Records & Natural Wine above a photo of guests dancing.

Dishes, wines and events in the CMS. Each event becomes its own page.

03

THE LOOK

A Scandinavian look.
Nothing extra.

Good design doesn't have to be complicated. Instead of adding more, I spent the time on the things that carry it: typography, white space and one colour that stands out. A deep blue on warm paper. Fahkwang for headings, DM Mono for everything else, set in capitals like a menu card. Dashed lines instead of boxes, a hand-drawn logo for a bit of warmth, and hovers that switch instantly instead of fading. Stripped back, but not empty. Every detail is there on purpose.

  • #F5F2EA

    Paper

  • #002FA7

    Ink

   The hand-drawn Vardag logo in deep blue on warm paper, with the small icon used for the favicon.
An event card with OCT 19 in large Fahkwang lettering, above the title Tasting: the Loire.
The red wine section of the Vardag menu, with wine names in capitals, tasting notes in lowercase, and bottle and glass prices.
Dietary tags (V), (VG), (GF), (DF), (N) and (ORG) in DM Mono, above their meanings in Fahkwang.
Large monospaced prices, 700 140 and 650 130, in DM Mono with dashed lines marking each character column.

04

THE LAUNCH

From canvas to checkout.
Now on the Marketplace.

The last part was making it ready for someone else. I wrote a setup guide inside the project, made the product images, set up a small store with instant delivery, and put Vardag on the Framer Marketplace in October 2026. A small project, but every part of it was mine, from the first sketch to the receipt in someone's inbox.