DevNJ Make your business ease

siteInspire ·Ireland (Dublin) ·Picked 2026.11.01

Dash Burger

Smash burger restaurants (two sites; eat-in, collection and delivery) website design reference — Restaurant・Location pages・Online ordering・Big type
Dash Burger homepage (desktop)
Desktop (1440px)
Dash Burger homepage (mobile)
Mobile (375px)

Editor's note

What this site does

A Dublin smash burger joint that describes how its two restaurants differ and puts click-and-collect and delivery buttons under each one.

Conversion

Notes

What you see

The first screen is a photograph of someone biting into a burger, with the name set huge in pink. The header has Menu, About, Friends and Journey, and "Order Now" on the right. Four big headlines follow — "Come Correct", "Science of Smash", "Our Friends", "Go Forth and Hustle" — covering the menu, the cooking technique, local suppliers and the story since opening in September 2020.

"Our Locations" sets the two restaurants side by side. Capel Street has more seats, a summer terrace and beer on tap; Kevin Street, the first site, is small with a take-away feel. Both say they are open 12pm to 9pm every day, walk-ins only, and each has its own "Click & Collect" and "Delivery" buttons. The FAQ covers reservations, delivery, gluten-free, vegetarian and vegan options, wheelchair access, merch and event catering.

What to take from it

When a business has more than one site, saying how they differ — size, seating, atmosphere — lets people pick the one that suits them before they set off.

Putting the ordering options under each location, and stating plainly whether you can book, means the decision about where to go and how to buy happens in one place, without a phone call.

Typography

Typefaces

Element Desktop size / weight Desktop line height Mobile size / weight
h1 260px / 500 0.81 80px / 500
h2 190px / 500 0.79 70px / 500
h3 40px / 500 1.00 24px / 500
Body (p) 18px / 400 1.30 16px / 400

Measured values (desktop 1440px, mobile 375px, 2026.11.01). 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.

Dash Burger wireframe built from DevNJ parts (desktop)
Desktop (1440px)
Dash Burger wireframe (mobile)
Mobile (375px)

Using it in Figma

  1. Download the SVG.
  2. Drag and drop the file onto a Figma canvas.
  3. 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 Dash Burger 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: siteInspire

More

More from siteInspire

All design references →

From reference to your site

A structure like Dash Burger, for your own site.

Just tell us which reference you liked. We will look at your current site and come back with a structure that fits your industry and your readers.

Get in touch →