The idea

walk the garden before it exists. On deep moss green the heading is uncovered line by line ("From muddy lawn to a garden you sit in.", "sit in" in honey), and a striped bee floats beside it. Below, a honey path draws itself down the page as you scroll, winding between five numbered stepping stones over a faint dotted trail. At each stone a cream card, on alternate sides, says how long the step takes, what we do and what you do. Leaves in fern, terracotta and honey drift past the edges at different speeds. The path ends at the button and a number that counts up: 126 gardens built.

Palette and fonts: moss green, honey, fern, terracotta, cream · Young Serif, Manrope 800 and 400

Grinner features used

• Advanced Animations
• Button
• Columns
• Count up
• Entrance Animation
• Group
• Paragraph
• Path drawn on scroll
• Scroll effects
• Sticker

The calm copy

walk the garden before it exists. On deep moss green the heading fades up ("From muddy lawn to a garden you sit in.", "sit in" in honey), and a striped bee sits beside it. Below, a honey path draws itself down the page as you scroll, winding between five numbered stepping stones over a faint dotted trail. At each stone a cream card, on alternate sides, says how long the step takes, what we do and what you do. Leaves in fern, terracotta and honey lie at the edges. The path ends at the button and a number: 126 gardens built.

Palette and fonts: moss green, honey, fern, terracotta, cream · Young Serif, Manrope 800 and 400

Grinner features used

• Advanced Animations
• Button
• Columns
• Entrance Animation
• Group
• Image
• Paragraph
• Path drawn on scroll
• Sticker