Copying comes with patterns, for GrinBot buyers
Clean Before and After
Color familyPaper Teal
Primary#0E6E5BSecondary#D3EEE3Background#EEF7F2Surface#FFFFFFText#0E2F29Accent 1#F5E663Accent 2#8FD3F4Accent 3#FF7A59Accent 4#0E2F29
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Clean Before and After (calm)
Color familyPaper Teal
Primary#0E6E5BSecondary#D3EEE3Background#EEF7F2Surface#FFFFFFText#0E2F29Accent 1#F5E663Accent 2#8FD3F4Accent 3#FF7A59Accent 4#0E2F29
Open in Moodkit ↗

The idea

the result first, then how. On fresh mint a heavy Outfit heading, "One garage. One Saturday.", with a lemon underline, beside three numbers that count up (6 hours, 212 garages, 94% recycled). A wide ink-and-wash Before / After of the same garage, jammed with boxes and bikes on one side and shelved and swept on the other, with a lemon handle that nudges itself once to show it can be dragged. A lemon sparkle and a coral bucket of bubbles float on its corners. A dark green strip of the four steps overlaps the picture's foot, the last step in brand green; the steps rise in turn. A green button and the "from $180" line end it.

Palette and fonts: mint, deep green, brand green, lemon, sky, coral · Outfit 800 and 500

Grinner features used

  • Accent text
  • Advanced Animations
  • Before / After
  • Button
  • Count up
  • Entrance Animation
  • Group
  • Row
  • Sticker

The calm copy

the same fresh mint section: "One garage. One Saturday." with the lemon underline, the three numbers, the wide ink-and-wash garage you drag from jammed to tidy, the lemon sparkle and coral bucket on its corners, and the dark green strip of four steps over its foot, then the green button and "from $180".

Palette and fonts: mint, deep green, brand green, lemon, sky, coral · Outfit 800 and 500

Grinner features used

  • Accent text
  • Advanced Animations
  • Before / After
  • Button
  • Entrance Animation
  • Group
  • Row
  • Sticker

More Process and Steps

Sticky Kitchen: Process and StepsArrival Steps: Process and StepsRoute Steps: Process and StepsTimeline: Process and Steps