Copying comes with patterns, for GrinBot buyers
Route Guides
Color familySage Mustard
Primary#3D5C2ASecondary#E8B04ABackground#F6F1E1Surface#DCE6C8Text#1C2A12Accent 1#34501FAccent 2#9A3F1CAccent 3#5A7A43Accent 4#3D5C2A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Route Guides (calm)
Color familySage Mustard
Primary#3D5C2ASecondary#E8B04ABackground#F6F1E1Surface#DCE6C8Text#1C2A12Accent 1#34501FAccent 2#9A3F1CAccent 3#5A7A43Accent 4#3D5C2A
Open in Moodkit ↗

The idea

a route library that makes you want your boots. On strong moss green, a Young Serif heading, "Route guides for the Lakes.", where the place keeps changing in mustard: the Lakes, the Dales, the Wall, a wet Sunday. Beside it one line about how the routes are checked, a big "64 free guides" and a mustard "Find a route" button; a cream "Walked by us every spring" badge with two boot prints rocks between them. Then four gouache route paintings in cream frames ride a gentle wave across the full width. Under them, three cream guide cards: the area in rust capitals, the route name, a one-line excerpt, chips for distance, time and climb, and the date and reading time; each card is the link and lifts on hover. A mustard strip of promises runs across the foot.

Palette and fonts: moss green, cream, mustard, rust, dark moss · Young Serif, Work Sans

Grinner features used

  • Button
  • Clickable cards
  • Image Slider
  • Query Loop
  • Scrolling Text
  • Section hover
  • Sticker
  • Text Rotator

The calm copy

the same moss-green route library: "Route guides for the Lakes." with the place in mustard, the line about checking every route, "64 free guides", the mustard button and the still "Walked by us" badge; the four route paintings in cream frames on a wave that moves only with your scroll; three cream guide cards with distance, time and climb chips that lift on hover; a mustard band of promises at the foot.

Palette and fonts: moss green, cream, mustard, rust, dark moss · Young Serif, Work Sans

Grinner features used

  • Advanced Animations
  • Button
  • Clickable cards
  • Group
  • Heading
  • Image Slider
  • Query Loop
  • Section hover
  • Sticker

More Blog List Layouts

Featured and Grid: Blog List LayoutsBy Pet: Blog List LayoutsQuiet Grid: Blog List LayoutsOne Essay: Blog List Layouts