Copying comes with patterns, for GrinBot buyers
Coast Story
Color familyPaper Teal
Primary#0D6E6ESecondary#D7EEEABackground#FFFDF8Surface#FFFFFFText#14292BAccent 1#FFD45CAccent 2#46595BAccent 3#E3E9E6Accent 4#C2452D
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Coast Story (calm)
Color familyPaper Teal
Primary#0D6E6ESecondary#D7EEEABackground#FFFDF8Surface#FFFFFFText#14292BAccent 1#FFD45CAccent 2#46595BAccent 3#E3E9E6Accent 4#C2452D
Open in Moodkit ↗

The idea

a travel letter that is loud at the top and calm to read. A strong teal header: the kicker, a huge Bricolage title that arrives word by word, "by train" in a serif italic on a yellow wavy line, then the coast painting in a wide rounded frame drifting slowly as you scroll. A cream postage stamp rocks on its top corner and a yellow "Slow Postcards · by train" badge turns on the other. Below, a thin coral reading bar fills as you read, a numbered "In this letter" column stays beside the text, and the article runs in one calm column with the route map, one coral-ruled pull quote and a ticked list. At the end: Copy link and Email, the next letter as a card that lifts, and the sign-up.

Palette and fonts: sea teal, yellow, coral, cream, ink green · Bricolage Grotesque 800, Figtree

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Buttons
  • Hover effect
  • Image
  • Pullquote
  • Reading progress bar
  • Sticker
  • Sticky column

The calm copy

the same travel letter: the strong teal header with the huge Bricolage title (still arriving word by word), "by train" on its yellow wavy line, the coast painting drifting in its frame as you scroll, and the stamp and the yellow badge resting on its corners. Below, the coral reading bar, the numbered contents beside the calm article, the route map, the pull quote, Copy link and Email, the next-letter card and the sign-up.

Palette and fonts: sea teal, yellow, coral, cream, ink green · Bricolage Grotesque 800, Figtree

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Buttons
  • Clickable card
  • Image
  • Pullquote
  • Reading progress bar
  • Sticker
  • Sticky column

More Blog Post Layouts

Owner’s Note: Blog Post LayoutsContents Sidebar: Blog Post LayoutsInterview: Blog Post LayoutsEvent Recap: Blog Post Layouts