Copying comes with patterns, for GrinBot buyers
Fix a Puncture
Color familyHarbour Blue
Primary#1D5FA6Secondary#E9E3D4Background#F5F2EASurface#FFFFFFText#13233AAccent 1#E2573BAccent 2#4D5B6EAccent 3#D8D1C0Accent 4#13233A
Open in Moodkit ↗

The idea

the video and the written steps side by side, so a rider at the roadside can watch or just read. On warm paper the poster of the bike on the workshop stand plays with a big sea-blue button; under it the length and the mechanic's name, and a transcript link. Above them a Space Grotesk heading, "Fix a puncture in five steps.", with a coral hand-drawn underline, and the kit list in one line; on the right five ruled steps with blue numbers and the time each step starts in the video. A white band closes it with the one next step: book a quick fix, or call.

Palette and fonts: warm paper, navy ink, sea blue, coral line · Space Grotesk 700, Figtree

Grinner features used

  • Accent
  • Button
  • Columns
  • Group
  • List
  • Video Embed

More Video Sections

Trailer Arc: Video SectionsChapters: Video SectionsPodcast Video: Video SectionsTechnique Cards: Video Sections