Skip to main content
Allotment ProYour allotment, organised
Allotment Pro design language

A practical digital companion for every growing season.

Warm enough to feel at home on an allotment. Clear enough to use in bright sunlight, with muddy hands and a job still to finish.

Explore app patternsView foundations
01
Simple outdoors
02
Private by default
03
Useful all season
Plot 12 · July 19°C · Partly cloudy
Runner beansPotatoesSalad bedCarrotsGreenhouse
Next visitWater tomatoes & lift Charlotte potatoes
Design intent

Familiar, capable and quietly distinctive.

Allotment Pro shares the warm horticultural character established by TTAA, with a lighter, cleaner expression for frequent personal use.

Cream, evergreen and honest materials provide the foundation. Seasonal colours communicate meaning sparingly.

01 · Foundations

Colour, type and space

Evergreen and cream lead. Crop colours support meaning without overwhelming the interface.

Evergreen#24543A
Brand · primary action
Deep leaf#27472F
Navigation · dark surfaces
Leaf#4F704D
Growth · support
Young leaf#809B68
Progress · illustration
Cream#FBF5E8
Application canvas
Paper#FFFDF7
Cards · forms
Parchment#F2E5C9
Seasonal summary
Soil#5C4331
Plot · structure
Tomato#A64235
Danger · failed
Carrot#C9763C
Attention · harvest
Water#3F747C
Weather · watering
Ink#243128
Primary text
Typography

Grow well.
Remember why.

Fraunces gives the product warmth.

Manrope keeps instructions, forms and records exceptionally clear at every size.

Display 64 / 1.02H1 48 / 1.08H2 36 / 1.15Body 18 / 1.65Small 15 / 1.5Label 13 / 1.2
Spacing and shape
Room to read. Room to tap.
8Tight
16Related
24Component
40Group
64Section
8px14px24pxPill

Core touch targets are at least 48 × 48px. Serif type is never used for controls or dense records.

02 · Components

Clear actions and honest states

Every state uses a label as well as colour. Routine and destructive actions remain visibly separate.

Buttons
Status and scope
GrowingNeeds attentionWater todayFailed to germinateFinished Private
Forms
Progressive fields, useful defaults and plain errors.
Rain expected this eveningYou may not need to water outdoor beds today.
Harvest recorded2.4 kg of Charlotte potatoes added to your season.
Check your brassicasPigeon damage was noted seven days ago.
03 · App patterns

Designed around the next useful action

The signed-in experience is lighter and more task-focused than the public editorial site.

Monday, 13 July

Good morning, Wayne.

Four jobs are worth your attention on the next visit.

19°CFeels like 18°C
Rain35%Wind9 mphSunset21:25

Dry this afternoon. Prioritise greenhouse watering.

This visit
Four useful jobs
Needs attention
Parsnip germination

Gladiator parsnips were sown 25 days ago. No germination has been recorded.

Growing now
Your active plantings
All 26
Tomato
Growing

Gardener’s Delight

Greenhouse border

Planted
24 May
Next
Water today
Potato
Harvesting

Charlotte

Bed 3

Planted
29 March
Next
Lift now
Runner bean
Growing

Scarlet Emperor

North frame

Planted
31 May
Next
Tie in
Responsive behaviour

One language, shaped for the moment

Desktop supports overview and comparison. Mobile prioritises the next action and thumb-friendly navigation.

Wide screen
See the season

Persistent navigation, wider summaries and side-by-side cards make planning easier at home.

Small screen
Do the next job

A short visit list, quick record action and bottom navigation keep outdoor use focused.

Low connection
Keep working

Core visit information remains available, with clear pending and synchronised states.

04 · Public content

Editorial warmth without visual clutter

The public hub can be more expressive than the app while retaining the same typography, colour and trust cues.

What to do this month

July · 8 minute read · Allotment Pro guidance

Keep the plot productive through midsummer

Water deeply, keep harvesting and prepare the next sowings while warm soil gives them a quick start.

Read the July guide
01Plot Wisdom
Net brassicas before pigeons notice them

Practical guidance grounded in ordinary UK allotment conditions.

Community experienceRead guide
02Equipment
Choosing a wheelbarrow that lasts

Practical guidance grounded in ordinary UK allotment conditions.

Independent guidanceRead guide
03Harvest & food
What to do with too many courgettes

Practical guidance grounded in ordinary UK allotment conditions.

6 useful ideasRead guide
Accessibility and trust

Readable is beautiful.

Accessibility is part of the product character—not a final compliance pass.

  • 18px core application body text
  • 48px preferred touch targets
  • Visible keyboard focus
  • Colour paired with words or icons
  • Reduced-motion support
  • Private records by default
  • Explicit sharing scopes
  • Clear editorial provenance
  • Commercial relationships labelled
  • No engagement-driven dark patterns
Voice and language

Practical, encouraging and specific

Allotment Pro helps without judging the gardener or pretending growing is perfectly predictable.

Use
“Your tomatoes may need water today.”

Explain why, preserve uncertainty and offer a clear next action.

Avoid
“You failed to complete your watering task.”

Do not shame users or turn allotment growing into workplace productivity.

Preferred terms
  • This visit
  • Needs attention
  • Growing area
  • Record harvest
  • Would grow again
Allotment Pro

Spend less time remembering.
Spend more time growing.

This guide establishes the visual direction. Production components must still be tested with real users, devices and outdoor conditions.

Back to the top