# Andersen & Maillard, Product

Cafés & bakeries · Product · Shopify · Copenhagen, Denmark
Live page: https://www.andersenmaillard.dk/collections/coffee
On Designly: https://designly.sh/s/andersen-maillard/collections/coffee · JSON: https://designly.sh/s/andersen-maillard/collections/coffee?format=json
Site: [Andersen & Maillard](https://designly.sh/s/andersen-maillard?format=md) (https://www.andersenmaillard.dk)
Styles: minimal, type-led, light, editorial

## Why it works

Avenir headlines set against a white background provide a structured, editorial feel for this coffee collection. The grid of product shots uses a consistent off-white surface to separate items, while the Figtree type keeps the technical product details legible.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/andersen-maillard/collections/coffee#section-1) (y 0–73px of 1756) · image: https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/sections/0.webp · id sec_e25a8593406d4c37a3b45472e1f45ac6
2. [Navigation: "Navigation"](https://designly.sh/s/andersen-maillard/collections/coffee#section-2) (y 73–222px of 1756) · image: https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/sections/1.webp · id sec_cdd24f7f3b9349e0b5896e5ca392ea71
3. [Hero: "Hero"](https://designly.sh/s/andersen-maillard/collections/coffee#section-3) (y 222–1460px of 1756) · image: https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/sections/2.webp · id sec_93a247e4a4244d619aa163df6b2b4a18
4. [Footer: "Footer"](https://designly.sh/s/andersen-maillard/collections/coffee#section-4) (y 1490–1756px of 1756) · image: https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/sections/3.webp · id sec_7fef372aab864bfba83e5ab4259206d0

## Design tokens

- Colours: #FFFFFF (background), #3A3A3A (text), #E8E8E8 (surface), #222222 (muted)
- Fonts: Avenir Medium (display), Figtree (body)
- Section padding: 20px
- Export: https://designly.sh/s/andersen-maillard/collections/coffee?format=tokens.css · https://designly.sh/s/andersen-maillard/collections/coffee?format=tokens.json · https://designly.sh/s/andersen-maillard/collections/coffee?format=tokens.tailwind.css

## Images

- Desktop (1440×1756): https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/desktop.webp
- Mobile (390×2609): https://designly.sh/media/captures/cap_5acc985f61b24f4bbb924869d7195b40/mobile.webp
- Captured: 2026-10-26

## Other Pages of Andersen & Maillard

- [Home](https://designly.sh/s/andersen-maillard?format=md) — /
- [Contact](https://designly.sh/s/andersen-maillard/pages/locations?format=md) — /pages/locations
- [Services](https://designly.sh/s/andersen-maillard/pages/wholesale?format=md) — /pages/wholesale

## 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
- [Jolene, Product](https://designly.sh/s/jolene/shop?format=md) — Cafés & bakeries · Product · Shopify · London, UK · styles: playful, type-led, light, editorial · image: https://designly.sh/media/captures/cap_52bbdde12b414913b7929571ee34ad74/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
- [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.