Style guide
Every color, type size and spacing value in Hedgerow is a variable. Change it once in the Variables panel and the whole site follows. This page shows the building blocks so you can see them together.
Colors
Page
Background/Page
Surface
Background/Surface
Muted
Background/Muted
Forest
Background/Dark
Moss
Background/Accent
Sun
Text/Accent On Dark
Headings · Tags
Heading one
Heading two
Heading three
Heading four
Heading five
Heading six
Headings · Classes
Hedgerow
Grow together
Grow together
Stories from the field
Every season after
Food and land
The reading circle that grew
Paragraphs and labels
Neighbors know what their neighborhood needs. We fund the people already doing the work, with small grants, patient support and no paperwork mountains.
Neighbors know what their neighborhood needs. We fund the people already doing the work.
Get involved
Published · 6 min read
Rich text
What is a rich text element?
The rich text element lets you write headings, paragraphs, lists, quotes and images in one place. Program, story and event pages use it for their long-form content.
Styled by the base tags
Rich text picks up the h1 to h6, paragraph, list, blockquote and figure tag styles, so every story stays on brand without extra classes.
- Bullet list item one
- Bullet list item two
- Bullet list item three
- Numbered list item one
- Numbered list item two
- Numbered list item three
The garden didn't change the neighborhood. The people who showed up for it did.
Links inside rich text look like this text link.
Spacing and structure
Section → Container → content. Sections take their padding from Layout/Section Padding and Layout/Side Padding, containers cap at Container/Large.
4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 56 · 64 · 80 · 96 · 128
Extra Small · Small · Medium · Large · Full
Typography and Spacings collections have Tablet and Mobile modes, so sizes scale down on smaller screens automatically.