# Sutton Community Farm, Product

Nonprofits · Product · Custom code · London, UK
Live page: https://www.suttoncommunityfarm.org.uk/c/organic-vegboxes/small-veg-box-1
On Designly: https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1 · JSON: https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1?format=json
Site: [Sutton Community Farm](https://designly.sh/s/sutton-community-farm?format=md) (https://www.suttoncommunityfarm.org.uk)
Styles: organic, type-led, warm, light

## Why it works

Recoleta headline and Public Sans body text pair a soft, organic feel with legible utility. Bright teal is used for the primary "Add To Basket" and "Check Delivery" actions, while bright amber surfaces create a high-contrast way to sign in or view details.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1#section-1) (y 0–156px of 2996) · image: https://designly.sh/media/captures/cap_ace73bffc1384545b799b1f37e941730/sections/0.webp · id sec_5eec6f4e56224cb48db4c26502c5accb
2. [Hero: "Small Veg Box"](https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1#section-2) (y 156–2155px of 2996) · image: https://designly.sh/media/captures/cap_ace73bffc1384545b799b1f37e941730/sections/1.webp · id sec_1c66015661a748b490d85f8aa5c34953
3. [Footer: "Footer"](https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1#section-3) (y 2195–2996px of 2996) · image: https://designly.sh/media/captures/cap_ace73bffc1384545b799b1f37e941730/sections/2.webp · id sec_7ddfa31fb78c4414ae4196af3775a2cb

## Design tokens

- Colours: #FFFFFF (background), #212B36 (text), #028260 (accent), #FCBF20 (surface), #000000 (surface-2)
- Fonts: RecoletaAltSemiBold (display), Public Sans (body)
- Corner radius: 8px
- Section padding: 96px
- Export: https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1?format=tokens.css · https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1?format=tokens.json · https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1?format=tokens.tailwind.css

## Images

- Desktop (1440×2996): https://designly.sh/media/captures/cap_ace73bffc1384545b799b1f37e941730/desktop.webp
- Mobile (390×4112): https://designly.sh/media/captures/cap_ace73bffc1384545b799b1f37e941730/mobile.webp
- Captured: 2026-10-26

## Other Pages of Sutton Community Farm

- [Home](https://designly.sh/s/sutton-community-farm?format=md) — /
- [Contact](https://designly.sh/s/sutton-community-farm/contact?format=md) — /contact
- [About](https://designly.sh/s/sutton-community-farm/farm?format=md) — /farm
- [Services](https://designly.sh/s/sutton-community-farm/volunteer?format=md) — /volunteer

## Related

- [Dennis Severs' House, Product](https://designly.sh/s/dennis-severs-house/event/silent-night-visit?format=md) — Nonprofits · Product · Custom code · London, UK · styles: serif, editorial, light, photo-led · image: https://designly.sh/media/captures/cap_d63014410a9c4898abfc59b32e194d28/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
- [Wendy's Subway, Landing page](https://designly.sh/s/wendy-s-subway/programs/events?format=md) — Nonprofits · Landing page · Custom code · Brooklyn, NY, USA · styles: bold, type-led, colourful, geometric · image: https://designly.sh/media/captures/cap_8d05a261c2b449c2bd532a2639dc65ca/desktop.webp
- [Wendy's Subway, Pricing](https://designly.sh/s/wendy-s-subway/membership?format=md) — Nonprofits · Pricing · Custom code · Brooklyn, NY, USA · styles: playful, type-led, bold, minimal · image: https://designly.sh/media/captures/cap_67b863c421c3449b96332cdac7851130/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.