Lets Grow Home
Style Guide

Where earth meets elegance

A practical-nature design system from Aotearoa that reflects our grounded, encouraging approach. Every color, every font, every element supports our mission: helping people grow food, learn natural skills, and care with local botanicals. No hype, just what works.

Color Palette

Practical nature, made local

Core Dark Greens

Base Green

#475E3D

Our primary brand color. Strong, grounded, and reliable like the earth itself.

Primary CTAs Headers Navigation

Olive Accent

#6E7F56

Softer and more approachable, perfect for supporting elements and creating depth.

Subheadings Borders Hover states

Deep Forest

#2E3D27

The deepest of our greens, evoking the quiet strength of ancient forests.

Body text Dark backgrounds Footer

Beige White Neutrals

Soft Beige

#fbfcf9

Light as morning mist, this creates breathing room and openness in our designs.

Backgrounds Cards Light text

Warm Sand

#E9E3D0

Like sun-warmed soil, this adds warmth and subtle contrast to our palette.

Subtle backgrounds Dividers Disabled states

Dark Brown Accents

Deep Brown

#5E473D

Rich and grounding, like freshly turned earth ready for planting.

Accent elements Icons Special text

Rich Earth

#3B2C26

Our darkest earth tone, providing maximum contrast and emphasis.

High contrast Important text Dark mode

Recommended Color Combinations

Primary Action

Base Green + Soft Beige

Content Areas

Soft Beige + Forest Deep

Gradients

Olive + Base Green

High Impact

Deep Brown + Warm Sand

Subtle Accent

Warm Sand + Rich Earth

Typography

Words that grow from the page

Display Font

Playfair Display

Growing gardens, growing communities

Regular 400

Cultivate

Bold 700

Cultivate

Black 900

Cultivate

Usage: Main headlines, hero sections, and anywhere we need maximum impact and elegance.

Serif Font

Lora brings warmth and readability

Perfect for longer passages of text where we want to maintain an organic, editorial feel while ensuring excellent readability across all devices.

Regular 400

Nurture growth

Medium 500

Nurture growth

Semibold 600

Nurture growth

Usage: Subheadings, quotes, introductory paragraphs, and featured content.

Sans Serif Font

Source Sans 3 for clean, modern clarity

Our workhorse font for body text, UI elements, and anywhere we need crystal-clear communication. Source Sans 3 offers excellent legibility at all sizes while maintaining a friendly, approachable character that aligns with our mission of making gardening accessible to everyone.

Light 300

Transform spaces

Regular 400

Transform spaces

Medium 500

Transform spaces

Semibold 600

Transform spaces

Bold 700

Transform spaces

Usage: Body text, navigation, buttons, forms, and all UI elements.

Future Website Elements

Potential applications for digital presence expansion

Hero Section

Grow Your Own

Transform your space into abundance

Content Card

Workshop Series

Join our hands-on workshops and learn the fundamentals of sustainable gardening in your own backyard.

Navigation