# Jolene, Blog

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

## Why it works

Large Alda headlines on a pale amber background give this bakery's stories an editorial, book-like quality. The high-contrast black type and generous padding prioritize readability for long-form text, while the brown surface color provides a grounded anchor for the navigation.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/jolene/stories#section-1) (y 0–132px of 7294) · image: https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/sections/0.webp · id sec_0a78be0c5e9f44769c0bf54a940c804f
2. [Hero: "A Love Supreme"](https://designly.sh/s/jolene/stories#section-2) (y 132–2060px of 7294) · image: https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/sections/1.webp · id sec_450dbb7f5e1b49ec822b7a24343dc4f0
3. [Content: "Jolene Playlist #11"](https://designly.sh/s/jolene/stories#section-3) (y 2060–7098px of 7294) · image: https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/sections/2.webp · id sec_79226cd871dc4f4796c6c5167785921b
4. [Footer: "Footer"](https://designly.sh/s/jolene/stories#section-4) (y 7134–7294px of 7294) · image: https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/sections/3.webp · id sec_50ba25074914400fac5a7934b6d0b22b

## Design tokens

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

## Images

- Desktop (1440×7294): https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_d2a157d05efb4c49ad0b20bc2726551c/mobile.webp
- Captured: 2026-10-26

## Other Pages of Jolene

- [Home](https://designly.sh/s/jolene?format=md) — /
- [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

## Related

- [Single O, Blog](https://designly.sh/s/single-o/blogs/news?format=md) — Cafés & bakeries · Blog · Shopify · Sydney, NSW, Australia · styles: type-led, bold, editorial, minimal · image: https://designly.sh/media/captures/cap_25e347b903954cf78d5c6bd632140476/desktop.webp
- [Market Lane Coffee, Blog](https://designly.sh/s/market-lane-coffee/blogs/journal?format=md) — Cafés & bakeries · Blog · Shopify · Melbourne, VIC, Australia · styles: type-led, minimal, editorial, monochrome · image: https://designly.sh/media/captures/cap_407838954f934536912393edf84f03e7/desktop.webp
- [Zed, Blog](https://designly.sh/s/zed/blog?format=md) — Developer tools · Blog · Custom code · styles: type-led, minimal, geometric, tech · image: https://designly.sh/media/captures/cap_809cb0de5c0345f796ff1479adf05d5e/desktop.webp
- [Wythe Hotel, Blog](https://designly.sh/s/wythe-hotel/wythe-journal?format=md) — Hotels & stays · Blog · Custom code · Brooklyn, NY, USA · styles: editorial, warm, photo-led, serif · image: https://designly.sh/media/captures/cap_8f9159713c3f42f1a4849b777ae160ab/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.