# Sutton Community Farm, Services

Nonprofits · Services · Custom code · London, UK
Live page: https://www.suttoncommunityfarm.org.uk/volunteer
On Designly: https://designly.sh/s/sutton-community-farm/volunteer · JSON: https://designly.sh/s/sutton-community-farm/volunteer?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, serif

## Why it works

Large Recoleta headlines on a white background give the farm an organic, approachable character. Bright teal accents on buttons and the navigation bar provide clear wayfinding, while the use of bright amber and black surfaces breaks up the content rhythm.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/sutton-community-farm/volunteer#section-1) (y 0–156px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/0.webp · id sec_0f2acb9a8a274c24a82b78eeca177a34
2. [Hero: "Nourishing people"](https://designly.sh/s/sutton-community-farm/volunteer#section-2) (y 156–680px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/1.webp · id sec_b928a3522dad4ebeae0b57e8d303a4a1
3. [Call to action: "Call to action"](https://designly.sh/s/sutton-community-farm/volunteer#section-3) (y 680–1041px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/2.webp · id sec_47e47f6fb36c4da2aba576af10593ead
4. [Call to action: "Call to action"](https://designly.sh/s/sutton-community-farm/volunteer#section-4) (y 1041–1125px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/3.webp · id sec_d3d9bbafb2ad414e9cbd672c257b3df6
5. [Content: "Improve your mental and physical wellbeing…"](https://designly.sh/s/sutton-community-farm/volunteer#section-5) (y 1125–1595px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/4.webp · id sec_d698a26cab7b4bbb8ade96051478553f
6. [Content: "Content"](https://designly.sh/s/sutton-community-farm/volunteer#section-6) (y 1595–2088px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/5.webp · id sec_0681f18d533f473d81bf831df9413c31
7. [Map & hours: "Choose from a range of activities"](https://designly.sh/s/sutton-community-farm/volunteer#section-7) (y 2088–3100px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/6.webp · id sec_a4bc2d154fac4816888fa5f8c541f5df
8. [Call to action: "Children and young people"](https://designly.sh/s/sutton-community-farm/volunteer#section-8) (y 3100–3198px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/7.webp · id sec_1e215054317c4ba08cf3a225f040b598
9. [Call to action: "Resources and policies"](https://designly.sh/s/sutton-community-farm/volunteer#section-9) (y 3198–3296px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/8.webp · id sec_3cba9d32b7464c3fa2d577dd69f9d855
10. [Call to action: "Call to action"](https://designly.sh/s/sutton-community-farm/volunteer#section-10) (y 3296–3657px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/9.webp · id sec_ddec47381c4741b6af59b37b200af320
11. [Footer: "Footer"](https://designly.sh/s/sutton-community-farm/volunteer#section-11) (y 3657–4458px of 4459) · image: https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/sections/10.webp · id sec_24d4310047c34091ab03a2aa1e0d1b49

## Design tokens

- Colours: #FFFFFF (background), #212B36 (text), #028260 (accent), #FCBF20 (surface), #000000 (surface-2)
- Fonts: RecoletaAltMedium (display), Public Sans (body)
- Corner radius: 8px
- Section padding: 24px
- Export: https://designly.sh/s/sutton-community-farm/volunteer?format=tokens.css · https://designly.sh/s/sutton-community-farm/volunteer?format=tokens.json · https://designly.sh/s/sutton-community-farm/volunteer?format=tokens.tailwind.css

## Images

- Desktop (1440×4459): https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/desktop.webp
- Mobile (390×7268): https://designly.sh/media/captures/cap_a69e9b0842404d64a967cd8b624509f2/mobile.webp
- Captured: 2026-10-26

## Other Pages of Sutton Community Farm

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

## Related

- [Wendy's Subway, Services](https://designly.sh/s/wendy-s-subway/library?format=md) — Nonprofits · Services · Custom code · Brooklyn, NY, USA · styles: type-led, bold, editorial, retro · image: https://designly.sh/media/captures/cap_dd37726bba1a4debaaa1083d2b33f86a/desktop.webp
- [Studio Voltaire, Services](https://designly.sh/s/studio-voltaire/hire?format=md) — Nonprofits · Services · Custom code · London, UK · styles: type-led, editorial, light, geometric · image: https://designly.sh/media/captures/cap_0cbe2de970734e3f896e72d9b0b7b189/desktop.webp
- [Recess, Services](https://designly.sh/s/recess/donate?format=md) — Nonprofits · Services · Custom code · Brooklyn, NY, USA · styles: bold, type-led, dark, minimal · image: https://designly.sh/media/captures/cap_54c4de470357414c90f2efc618596d8f/desktop.webp
- [Hackney City Farm, Services](https://designly.sh/s/hackney-city-farm/see-and-do?format=md) — Nonprofits · Services · WordPress · London, UK · styles: photo-led, earthy, bold, type-led · image: https://designly.sh/media/captures/cap_47468e0677e948f0b2f070c04612197b/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.