Copying comes with patterns, for GrinBot buyers
Sticky Picture Story
Color familyHarbour Blue
Primary#0B5E84Secondary#FFD23FBackground#FFFFFFSurface#E6F3F8Text#0E2433Accent 1#FF7A59Accent 2#0B5E84Accent 3#0E2433Accent 4#0B5E84
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Sticky Picture Story (calm)
Color familyHarbour Blue
Primary#0B5E84Secondary#FFD23FBackground#FFFFFFSurface#E6F3F8Text#0E2433Accent 1#FF7A59Accent 2#0B5E84Accent 3#0E2433Accent 4#0B5E84
Open in Moodkit ↗

The idea

a beginners' guide that feels like a day at the beach. On strong sea blue, the Bricolage title "Your first green wave" blurs into focus, with "green wave" in yellow serif italic on a hand-drawn underline, and a yellow sun sticker floats beside it. The coast painting opens out wide below, and runs straight into a pale sea-foam panel: on the left the beach print and a small "First lesson" facts card stay pinned as you read; on the right a white page holds the text, with a thin coral reading progress bar stuck to its top that fills as you go down the post. The page ends on a blue box with the swimmer, a floating coral wave and a yellow Book button, and a big yellow strip runs "Paddle, Pop up, Stand, Ride" across the foot.

Palette and fonts: strong sea blue, yellow, coral, sea foam, white, deep navy · Bricolage Grotesque 800, Karla, Instrument Serif italic for the accent

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Group
  • Image
  • List
  • Post Title
  • Progress Bar
  • Scrolling Text
  • Sticker
  • Sticky column

The calm copy

the same strong sea-blue guide: "Your first green wave" in Bricolage with "green wave" in yellow serif italic on a hand-drawn underline and the yellow sun beside it, the wide coast painting, the beach print and the "First lesson" card pinned beside the white page, the coral reading progress bar filling as you read, the blue booking box with the swimmer and the coral wave, and a still yellow band "Paddle, Pop up, Stand, Ride".

Palette and fonts: strong sea blue, yellow, coral, sea foam, white, deep navy · Bricolage Grotesque 800, Karla, Instrument Serif italic for the accent

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Group
  • Image
  • List
  • Post Title
  • Progress Bar
  • Scrolling Text
  • Sticker
  • Sticky column

More Blog Post Layouts

Episode Post: Blog Post LayoutsCase Study: Blog Post LayoutsAuthor Box: Blog Post LayoutsYear on the Beaches: Blog Post Layouts