Style
Organic natural
Grown, not built: warm earthy colours, soft irregular shapes, a gentle serif and a feeling of paper and plants.
See it live
Example: organic farm shop page for Fernhollow Farm, a fictional brand made up for this explorer. Switch the width to see the style on a phone, a tablet and a desktop screen.
Farm shop & veg boxes, open Wednesday to Sunday
Grown slowly, picked this morning.
Forty acres of mixed vegetables, orchard and meadow at the bottom of a quiet valley. Come and fill a basket from the barn shelves, or let us pack a box for your doorstep each week.
In the barn this week
What is ripe decides what is on the shelves. Here is what came in from the fields and the orchard since Monday.
Just in
Crown prince squash
Blue-grey skin, deep orange flesh. Keeps on a cool shelf until spring.
£2.40 each
Rainbow chard
Picked at first light, stems in five colours. Wilt it with butter and garlic.
£1.80 a bunch
Russet apples
Rough-skinned and nutty, from the old trees behind the barn.
£3.00 a kilo
Just in
Wildflower honey
From our own hives on the hay meadow. Each jar tastes a little different.
£6.50 a jar
How we grow
No shortcuts and no sprays. Just patience, good soil and a lot of walking up and down the rows.
We feed the soil, not the plant
Compost from our own yard, clover sown between crops and no artificial fertiliser — the ground does the slow work.
Hedges are part of the farm
Three miles of hawthorn and hazel shelter birds, bees and beetles, and the beetles look after our greens.
Picked for the day, not the week
Most of what you buy left the field this morning. If it is not ready, it waits until it is.
Come down the lane
The shop is in the old stone barn past the duck pond. Park by the orchard gate and bring your own bags if you can.
- Wednesday to Friday
- 9 am – 5 pm
- Saturday and Sunday
- 8 am – 1 pm
- Veg boxes
- Delivered on Thursdays
Copy the idea
Take the style with you as a brief for a person, as instructions for an AI assistant, or as design tokens. It describes the idea and the rules — never the example's code.
The recipe
Organic natural — style recipe: the same text the brief copies.
The idea
- Grown, not built: warm earthy colours, soft irregular shapes, a gentle serif and a feeling of paper and plants.
Use it when
- Food, farming and gardening brands
- Sustainable and handmade products
- Places and experiences outdoors
Avoid it when
- The product is high-tech or futuristic
- The brand must look strictly corporate
Principles
- Earth colours: clay, moss, oat and bark
- Soft, irregular blob shapes instead of rectangles
- A friendly serif for headings, an open sans for text
- Generous space and a slow reading pace
- Hand-drawn leaf or line accents, used sparingly
- Nothing perfectly symmetrical
Colour
- Oat (background): #f4efe6
- Linen sack (surface): #e8dfcf
- Forest (text): #2f3a2b
- Moss grey (muted): #56604f
- Terracotta (accent): #9a5528
- Olive (accent-2): #7a8c4f
- Twine (border): #d6cbb6
- Text on background contrast: 10.41:1
Type
- Headings: Lora, weights 500, 600 — Soft, calligraphic serif; sentence case
- Body: Work Sans, weights 400, 500 — Open and friendly; relaxed line height
- Scale: 14px, 17px, 20px, 28px, 40px, 60px
- A warm serif with a plain sans; never all caps.
Spacing and shape
- Base unit: 8px
- Spacing steps: 8px, 16px, 32px, 56px, 96px
- Airy sections; shapes overlap section edges.
- Corner radii: 24px, 48px
- Borders: Rarely; soft colour fields separate
- Shadows: None or very soft and warm
Imagery and motion
- Imagery: Natural textures, plants and simple hand-drawn line illustrations.
- Motion: Slow drifts and gentle fades.
Do
- Use irregular rounded shapes
- Keep colours muted and earthy
- Let one leaf or line accent lead the eye
Don't
- No neon or saturated colours
- No hard grids of identical boxes
- No glossy effects
Palette
- Oatbackground
#f4efe6 - Linen sacksurface
#e8dfcf - Foresttext
#2f3a2b - Moss greymuted
#56604f - Terracottaaccent
#9a5528 - Oliveaccent-2
#7a8c4f - Twineborder
#d6cbb6
Text on background: 10.41:1 — passes AA
Type
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Soft, calligraphic serif; sentence case
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Open and friendly; relaxed line height
- 60pxThe quick brown fox jumps over the lazy dog
- 40pxThe quick brown fox jumps over the lazy dog
- 28pxThe quick brown fox jumps over the lazy dog
- 20pxThe quick brown fox jumps over the lazy dog
- 17pxThe quick brown fox jumps over the lazy dog
- 14pxThe quick brown fox jumps over the lazy dog
Spacing and shape
- 8px
- 16px
- 32px
- 56px
- 96px
Airy sections; shapes overlap section edges.
- 24px
- 48px
- Borders
- Rarely; soft colour fields separate
- Shadows
- None or very soft and warm
Do and don't
Do
- Use irregular rounded shapes
- Keep colours muted and earthy
- Let one leaf or line accent lead the eye
Don't
- No neon or saturated colours
- No hard grids of identical boxes
- No glossy effects
Similar styles
The styles closest to this one in mood, density, era, warmth and accent colour.
- Handmade craftMade by a person: paper colours, ink lines, wonky hand-drawn shapes, stamps and handwritten notes.See the style
- Soft minimalCalm and airy: lots of space, soft neutral colours, gentle rounded corners and one quiet accent.See the style
- Dark luxuryQuiet expense: a deep dark ground, a refined serif, thin gold lines, slow fades and very little on screen.See the style