# Meat & Bread, Home

Restaurants · Home · Squarespace · Vancouver, BC, Canada
Live page: https://meatandbread.com/
On Designly: https://designly.sh/s/meat-bread · JSON: https://designly.sh/s/meat-bread?format=json
Site: [Meat & Bread](https://designly.sh/s/meat-bread?format=md) (https://meatandbread.com)
Styles: photo-led, type-led, minimal, bold

## Why it works

Karla type set in all caps against large-scale food photography gives this sandwich shop a direct, no-nonsense tone. A white background and black buttons separate the catering and delivery options into distinct, high-contrast grid cards.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/meat-bread#section-1) (y 0–156px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/0.webp · id sec_829777f01d51421c9c9bd2e4a3f61428
2. [Hero: "Hero"](https://designly.sh/s/meat-bread#section-2) (y 156–810px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/1.webp · id sec_3712f1111c4543f1bf6d00fb13a9345f
3. [Content: "Content"](https://designly.sh/s/meat-bread#section-3) (y 810–1930px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/2.webp · id sec_e0d0289534d440558f8ffde39877fe69
4. [Menu: "Menu"](https://designly.sh/s/meat-bread#section-4) (y 1930–2965px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/3.webp · id sec_3a16270e80eb430c850f97d8c9c9a104
5. [Content: "Content"](https://designly.sh/s/meat-bread#section-5) (y 3090–3516px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/4.webp · id sec_f490ae2ffe9c40d9a670b1ab12e61c53
6. [Content: "Content"](https://designly.sh/s/meat-bread#section-6) (y 3516–3956px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/5.webp · id sec_dc5d911230c943fd92ae64de4fe485ff
7. [Content: "Content"](https://designly.sh/s/meat-bread#section-7) (y 3955–4307px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/6.webp · id sec_b8786d30fd7f46cd9e2d360bfc2e8af4
8. [Content: "Content"](https://designly.sh/s/meat-bread#section-8) (y 4307–5238px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/7.webp · id sec_0ebb06ee25e249ed9da77e3615d33818
9. [Footer: "Footer"](https://designly.sh/s/meat-bread#section-9) (y 5238–5426px of 5450) · image: https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/sections/8.webp · id sec_fe47ba0588d34d819776e0f8bef75b4c

## Design tokens

- Colours: #FFFFFF (background), #3D3D3D (text), #212121 (surface), #908E8E (muted), #030303 (surface-2)
- Fonts: Karla (display)
- Section padding: 33px
- Export: https://designly.sh/s/meat-bread?format=tokens.css · https://designly.sh/s/meat-bread?format=tokens.json · https://designly.sh/s/meat-bread?format=tokens.tailwind.css

## Images

- Desktop (1440×5450): https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_0b4c82b5cf62495eae99da28b122ad0f/mobile.webp
- Captured: 2026-10-27

## Other Pages of Meat & Bread

- [Services](https://designly.sh/s/meat-bread/catering?format=md) — /catering
- [Contact](https://designly.sh/s/meat-bread/contact-us?format=md) — /contact-us
- [Menu](https://designly.sh/s/meat-bread/menu-1?format=md) — /menu-1
- [Contact](https://designly.sh/s/meat-bread/shops?format=md) — /shops

## Related

- [Lovely's Fifty Fifty, Home](https://designly.sh/s/lovely-s-fifty-fifty?format=md) — Restaurants · Home · Squarespace · Portland, OR, USA · styles: serif, retro, photo-led, warm · image: https://designly.sh/media/captures/cap_de1f5c522ac0472b87f6fd988a425ce4/desktop.webp
- [Gemmayze Street, Home](https://designly.sh/s/gemmayze-street?format=md) — Restaurants · Home · Squarespace · Auckland, New Zealand · styles: serif, warm, editorial, photo-led · image: https://designly.sh/media/captures/cap_b1f72702dfbe4699a5b49a779901ca9b/desktop.webp
- [Patois, Home](https://designly.sh/s/patois?format=md) — Restaurants · Home · Squarespace · Toronto, ON, Canada · styles: bold, playful, photo-led, type-led · image: https://designly.sh/media/captures/cap_a3c951c412b94ef480d1891173f25bcd/desktop.webp
- [Dimes, Home](https://designly.sh/s/dimes?format=md) — Restaurants · Home · Squarespace · New York, NY, USA · styles: photo-led, minimal, editorial, geometric · image: https://designly.sh/media/captures/cap_ae4161ce63f04d4a849d46ca8a8dcc0c/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.