# Sutton Community Farm, Home

Nonprofits · Home · Custom code · London, UK
Live page: https://www.suttoncommunityfarm.org.uk/
On Designly: https://designly.sh/s/sutton-community-farm · JSON: https://designly.sh/s/sutton-community-farm?format=json
Site: [Sutton Community Farm](https://designly.sh/s/sutton-community-farm?format=md) (https://www.suttoncommunityfarm.org.uk)
Styles: organic, serif, photo-led, warm

## Why it works

RecoletaAltMedium headlines on an off-white background give the farm an organic, editorial feel. A bright teal bar holds product links like "Organic Veg Boxes" directly under the navigation, making the shop categories the immediate priority after the hero image.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/sutton-community-farm#section-1) (y 0–156px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/0.webp · id sec_df97220a2225450084c6e8bfc7bfa612
2. [Hero: "Hero"](https://designly.sh/s/sutton-community-farm#section-2) (y 156–966px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/1.webp · id sec_729a6837d7904fc299c3a1679e4e8e5b
3. [Content: "Farm delivery to households in South London"](https://designly.sh/s/sutton-community-farm#section-3) (y 966–1800px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/2.webp · id sec_f7e75fcf20384c6ea9ae9ce40ef9c022
4. [Call to action: "Call to action"](https://designly.sh/s/sutton-community-farm#section-4) (y 1800–2397px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/3.webp · id sec_68cca7427f494d83afe917a89016de64
5. [Content: "A veg box that embraces seasonality"](https://designly.sh/s/sutton-community-farm#section-5) (y 2397–3592px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/4.webp · id sec_f8e7a25f28d44b678941db0e2f66baea
6. [Content: "Filled with veg that’s at its peak flavour"](https://designly.sh/s/sutton-community-farm#section-6) (y 3592–4020px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/5.webp · id sec_1d6557fb741b4e04b898da84dc47f588
7. [Content: "Sorrel"](https://designly.sh/s/sutton-community-farm#section-7) (y 4020–4535px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/6.webp · id sec_b16530d6934e4dba8b7d5ed2ce785213
8. [Testimonials: "What our customers are saying"](https://designly.sh/s/sutton-community-farm#section-8) (y 4535–5089px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/7.webp · id sec_ef8157ffea23415c90684a61274736b3
9. [Call to action: "From the farm to your door"](https://designly.sh/s/sutton-community-farm#section-9) (y 5089–5720px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/8.webp · id sec_f8d4c1895360428ebc9707ae3f4db5d1
10. [Content: "Delicious seasonal eating made easy"](https://designly.sh/s/sutton-community-farm#section-10) (y 5719–6299px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/9.webp · id sec_9a6f77a86b0a4fe0828f385e35f40731
11. [Content: "Much more than a source of veg"](https://designly.sh/s/sutton-community-farm#section-11) (y 6300–6848px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/10.webp · id sec_8fb1327315174a7faa3d55f8346e6a8b
12. [Newsletter: "A community centred on good food"](https://designly.sh/s/sutton-community-farm#section-12) (y 6848–7283px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/11.webp · id sec_d0b6b405cf0a4362a00950067d271c4f
13. [Content: "Content"](https://designly.sh/s/sutton-community-farm#section-13) (y 7283–7510px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/12.webp · id sec_4041d3c9dcde4eca958aead10ee79d53
14. [Content: "Latest news from the farm"](https://designly.sh/s/sutton-community-farm#section-14) (y 7510–8084px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/13.webp · id sec_58dd40035ae34b8cb1d7989ae3b07d89
15. [Call to action: "Call to action"](https://designly.sh/s/sutton-community-farm#section-15) (y 8084–8446px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/14.webp · id sec_53311aa5cb884e96bc41162939922d1b
16. [Footer: "Footer"](https://designly.sh/s/sutton-community-farm#section-16) (y 8446–9247px of 9247) · image: https://designly.sh/media/captures/cap_63f4af309a744913b126357b01573b14/sections/15.webp · id sec_de70b07837fc4df1ae067ff71b2d7991

## Design tokens

- Colours: #FFFFFF (background), #212B36 (text), #028260 (accent), #F5F2EB (surface), #030712 (muted)
- Fonts: RecoletaAltMedium (display), System UI (body)
- Corner radius: 8px
- Section padding: 48px
- Export: https://designly.sh/s/sutton-community-farm?format=tokens.css · https://designly.sh/s/sutton-community-farm?format=tokens.json · https://designly.sh/s/sutton-community-farm?format=tokens.tailwind.css

## Images

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

## Other Pages of Sutton Community Farm

- [Product](https://designly.sh/s/sutton-community-farm/c/organic-vegboxes/small-veg-box-1?format=md) — /c/organic-vegboxes/small-veg-box-1
- [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

- [Wendy's Subway, Home](https://designly.sh/s/wendy-s-subway?format=md) — Nonprofits · Home · Custom code · Brooklyn, NY, USA · styles: bold, type-led, geometric, colourful · image: https://designly.sh/media/captures/cap_7f24aabf27d3419bbdf2fd17ae3b566b/desktop.webp
- [Studio Voltaire, Home](https://designly.sh/s/studio-voltaire?format=md) — Nonprofits · Home · Custom code · London, UK · styles: editorial, type-led, colourful, geometric · image: https://designly.sh/media/captures/cap_da7345eabedc42a0ad1829030822b301/desktop.webp
- [Recess, Home](https://designly.sh/s/recess?format=md) — Nonprofits · Home · Custom code · Brooklyn, NY, USA · styles: type-led, bold, photo-led, editorial · image: https://designly.sh/media/captures/cap_6270eecb29be40b399be34f5e223b2f3/desktop.webp
- [Hackney City Farm, Home](https://designly.sh/s/hackney-city-farm?format=md) — Nonprofits · Home · WordPress · London, UK · styles: photo-led, rounded, playful, light · image: https://designly.sh/media/captures/cap_b63dd89a21334d73a73c7ed4c388ef27/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.