Awwwards ·Denmark (Klampenborg) ·Picked 2026.10.18
Studenterkilden
Restaurant and event venue website design reference — Restaurant・Persistent booking button・FAQ・Heritage
Source：studenterkilden.dk ↗ Checked 2026.10.18
Editor's note
What this site does
A Danish restaurant open since 1854 that keeps “Book a table” on screen at all times and answers parking, capacity and dietary questions before anyone has to phone.
Conversion
Notes
What you see
The first line is simply "Since 1854", followed by what the house is for: weddings, birthdays, events, festive gatherings and meetings. Two buttons sit underneath — Book a table and View packages.
The header keeps a language switch (da / en) and the booking button fixed on screen. Further down: three ways to use the place (an evening meal, meetings, group events), the history of the house, and an FAQ of thirteen questions — parking, how many guests fit, staying overnight, special diets, weddings in the garden, gift cards, getting there. Opening hours sit in the footer.
What to take from it
A founding year does more in four words than a paragraph of history. And when booking is the point of the site, the booking button should never scroll out of reach.
The FAQ is the quietly effective part. Every question on it is one the staff would otherwise answer on the phone, and every answer removes a reason to hesitate before booking.
Typography
Typefaces
| Element | Desktop size / weight | Desktop line height | Mobile size / weight |
|---|---|---|---|
| h1 | 16px / 400 | 0.90 | 12px / 400 |
| h2 | 69px / 400 | 0.90 | 40px / 400 |
| h3 | 24px / 400 | 1.30 | 16px / 400 |
| Body (p) | 21px / 400 | 1.50 | 14px / 400 |
| Button | 24px / 400 | 1.50 | 16px / 400 |
Measured values (desktop 1440px, mobile 375px, 2026.10.18). The most frequent setting for each element is shown. Sites that use h1 for a logo or small label will show a small h1.
Download
Download the wireframe
This structure, as a wireframe you can edit in Figma
The page structure above, rebuilt from DevNJ's wireframe parts. It contains none of the original site's copy, images or code.
Using it in Figma
- Download the SVG.
- Drag and drop the file onto a Figma canvas.
- It opens with one layer group per section — start by reordering sections or replacing the copy.
Text comes in as text layers (set in Noto Sans JP).
Screenshots are shown at reduced size as quotations supporting the commentary. All rights in the design, copy and images belong to Studenterkilden and their respective owners. The wireframes are not copies of the original site; they rebuild its structure from DevNJ's parts. Owners or designers who would like this entry removed or corrected can contact us; we respond within two business days. Featured on: Awwwards — Honorable Mention
