# Jolene, Home

Cafés & bakeries · Home · Shopify · London, UK
Live page: https://www.jolenebakery.com/
On Designly: https://designly.sh/s/jolene · JSON: https://designly.sh/s/jolene?format=json
Site: [Jolene](https://designly.sh/s/jolene?format=md) (https://www.jolenebakery.com)
Styles: type-led, warm, editorial, minimal

## Why it works

Large Alda headlines on a pale amber background give the bakery a handwritten, artisanal feel. Thin horizontal rules to separate the bakery, restaurant, and shop sections, creating a rhythmic, editorial structure that prioritizes navigation through type scale.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/jolene#section-1) (y 0–132px of 1412) · image: https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/sections/0.webp · id sec_604115c3f87f44b5b293a04d5668f89f
2. [Content: "Bakery"](https://designly.sh/s/jolene#section-2) (y 132–388px of 1412) · image: https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/sections/1.webp · id sec_96b8767319004c90a5a3850572fe87aa
3. [Content: "Restaurant"](https://designly.sh/s/jolene#section-3) (y 388–644px of 1412) · image: https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/sections/2.webp · id sec_4657242ac9714b17a5a1a009bb9ec3da
4. [Content: "Shop"](https://designly.sh/s/jolene#section-4) (y 644–1215px of 1412) · image: https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/sections/3.webp · id sec_7c5df30c3773489d846e714a98261bb8
5. [Footer: "Footer"](https://designly.sh/s/jolene#section-5) (y 1251–1411px of 1412) · image: https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/sections/4.webp · id sec_25b01d81b78e4db59fc49ca47a882b60

## Design tokens

- Colours: #F5E1AD (background), #000000 (text), #552F0F (surface)
- Fonts: Karla (display)
- Section padding: 24px
- Export: https://designly.sh/s/jolene?format=tokens.css · https://designly.sh/s/jolene?format=tokens.json · https://designly.sh/s/jolene?format=tokens.tailwind.css

## Images

- Desktop (1440×1412): https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/desktop.webp
- Mobile (390×1531): https://designly.sh/media/captures/cap_83ba073507a54eaca902fa73db4e2983/mobile.webp
- Captured: 2026-10-26

## Other Pages of Jolene

- [Contact](https://designly.sh/s/jolene/locations/bakery?format=md) — /locations/bakery
- [Menu](https://designly.sh/s/jolene/locations/restaurant?format=md) — /locations/restaurant
- [Product](https://designly.sh/s/jolene/shop?format=md) — /shop
- [Blog](https://designly.sh/s/jolene/stories?format=md) — /stories

## Related

- [Tivoli Road Bakery, Home](https://designly.sh/s/tivoli-road-bakery?format=md) — Cafés & bakeries · Home · WordPress · Melbourne, VIC, Australia · styles: photo-led, editorial, dark, serif · image: https://designly.sh/media/captures/cap_716a3daaf73944eca44d5c2bc09ca162/desktop.webp
- [Single O, Home](https://designly.sh/s/single-o?format=md) — Cafés & bakeries · Home · Shopify · Sydney, NSW, Australia · styles: type-led, photo-led, warm, editorial · image: https://designly.sh/media/captures/cap_b53ac0eab070426691d8d3b573e3bfcb/desktop.webp
- [Pophams, Home](https://designly.sh/s/pophams?format=md) — Cafés & bakeries · Home · Shopify · London, UK · styles: warm, editorial, photo-led, serif · image: https://designly.sh/media/captures/cap_7de06b65b00142e1b85f06e735a6fa9a/desktop.webp
- [Market Lane Coffee, Home](https://designly.sh/s/market-lane-coffee?format=md) — Cafés & bakeries · Home · Shopify · Melbourne, VIC, Australia · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_40191870cc6c42fba157f3bff06e213f/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.