# Jolene, Product

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

## Why it works

A soft sky blue background paired with pale amber accents creates a playful, non-commercial atmosphere for the shop. Product cards use white surfaces and black Alda type to keep the focus on the photography, while a small 'clothing' label in the same typeface provides a subtle category anchor.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/jolene/shop#section-1) (y 0–193px of 14745) · image: https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/sections/0.webp · id sec_00e2d725b8464302ba038ab3bf41879a
2. [Hero: "Reusable cup"](https://designly.sh/s/jolene/shop#section-2) (y 193–14548px of 14745) · image: https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/sections/1.webp · id sec_2004506a52a44ebfa0a1bc20cda8db16
3. [Footer: "Footer"](https://designly.sh/s/jolene/shop#section-3) (y 14585–14745px of 14745) · image: https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/sections/2.webp · id sec_cda26e7b92454591bba96c15f8ce97e9

## Design tokens

- Colours: #8DC9F7 (background), #000000 (text), #F5E1AD (accent), #828282 (surface), #FFFFFF (surface-2)
- Fonts: Karla (display), alda (body)
- Section padding: 36px
- Export: https://designly.sh/s/jolene/shop?format=tokens.css · https://designly.sh/s/jolene/shop?format=tokens.json · https://designly.sh/s/jolene/shop?format=tokens.tailwind.css

## Images

- Desktop (1440×14745): https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/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
- [Blog](https://designly.sh/s/jolene/stories?format=md) — /stories

## Related

- [Tivoli Road Bakery, Product](https://designly.sh/s/tivoli-road-bakery/our-book?format=md) — Cafés & bakeries · Product · WordPress · Melbourne, VIC, Australia · styles: editorial, type-led, minimal, serif · image: https://designly.sh/media/captures/cap_181b7262f7fb4294a5144ad37efddf2c/desktop.webp
- [April Coffee Roasters, Product](https://designly.sh/s/april-coffee-roasters/product/april-tasting-menu?format=md) — Cafés & bakeries · Product · Shopify · Copenhagen, Denmark · styles: type-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_0bca00ec0988448a9a38b67bddf974c7/desktop.webp
- [Andersen & Maillard, Product](https://designly.sh/s/andersen-maillard/collections/coffee?format=md) — Cafés & bakeries · Product · Shopify · Copenhagen, Denmark · styles: minimal, type-led, light, editorial · image: https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/desktop.webp
- [Wild at Heart, Product](https://designly.sh/s/wild-at-heart/collections/all-bouquets?format=md) — Florists · Product · Shopify · London, UK · styles: photo-led, minimal, editorial, light · image: https://designly.sh/media/captures/cap_d5d2569a3b83449eb99c602ba1a9556a/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.