Soil Association

The desktop homepage features a large hero section with a dark green text box over a nature background, headlined 'We are the Soil Association.' Below, a grid of four cards displays images of wildflowers, asparagus, sheep in an orchard, and root vegetables, each representing a mission area like Nature, Food, or Farming. The layout is clean with a white background and a dark green navigation bar at the top.The mobile version presents a vertically stacked layout where the hero text and mission cards are resized for a narrow screen. The navigation menu is condensed, and the large cookie consent overlay dominates the foreground, obscuring much of the content with dark purple branding and white text.

The Soil Association website serves as a digital hub for the UK's leading food and farming charity, dedicated to promoting nature-friendly agricultural practices. The platform functions as both an educational resource and an advocacy tool, connecting environmentally conscious consumers, farmers, and policymakers through news, impact reports, and certification information. The visual identity is grounded in an organic, earthy aesthetic that mirrors its mission. Utilizing a deep forest green palette paired with soft, natural photography, the design evokes a sense of trust, stability, and connection to the land. The typography is bold and authoritative yet approachable, creating a professional non-profit presence that feels deeply rooted in environmental stewardship rather than clinical corporate bureaucracy.

Industry

Design

Colors
Buckets
Palette
#333247
#011C05
#949696
#323D1B
#737678
#EFEFF1

Technology

Analytics
  • Google Analytics
CDN
  • Cloudflare
  • jsDelivr
Cookie compliance
  • CIVIC
Miscellaneous
  • HTTP/3
Security
Tag managers
  • Google Tag Manager
Uncategorized
  • Cookie Control
Video players
Web frameworks
Pagespeed
Desktop
39
Performance
99
Accessibility
73
Best Practices
100
SEO
Mobile
43
Performance
99
Accessibility
73
Best Practices
100
SEO
Related websites
Advertisement

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request. Privacy Policy.