Copying comes with patterns, for GrinBot buyers
Bento Blog
Color familyAmber Ink
Primary#FFD400Secondary#0E4D64Background#FFFFFFSurface#F3F3F3Text#14110FAccent 1#FFE36BAccent 2#D3361BAccent 3#5A5248Accent 4#FFD400
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Bento Blog (calm)
Color familyAmber Ink
Primary#FFD400Secondary#0E4D64Background#FFFFFFSurface#F3F3F3Text#14110FAccent 1#FFE36BAccent 2#D3361BAccent 3#5A5248Accent 4#FFD400
Open in Moodkit ↗

The idea

a bike shop blog as bold as a race poster. On sunshine yellow, "Rides & repairs" types itself in giant Anton capitals with a coral squiggle under "repairs", and a teal "Workshop 7 days" badge with a spanner rocks beside it. Below, a bento grid with thick ink outlines: the Sunday coast loop is the big tile, framed by a slowly turning teal, coral and ink gradient border, with its poster, a big title, a two-line excerpt and "Read the route"; four smaller tiles hold the puncture fix, trail centres, cargo bikes and touring. Every picture zooms a little on hover. "All rides and repairs" and a black strip of shop news close it.

Palette and fonts: sunshine yellow, white, ink, deep teal, coral · Anton, Rubik

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Clickable cards
  • Gradient border
  • Grid
  • Group
  • Image hover
  • Query Loop
  • Scrolling Text
  • Sticker

The calm copy

the same sunshine-yellow bento: "Rides & repairs" in giant Anton capitals with the coral squiggle, the teal "Workshop 7 days" badge, the big Sunday coast loop tile inside a still teal, coral and ink gradient frame, four smaller ink-outlined tiles, "All rides and repairs", and the shop news set as one still line on the black band.

Palette and fonts: sunshine yellow, white, ink, deep teal, coral · Anton, Rubik

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Clickable cards
  • Gradient border
  • Grid
  • Group
  • Query Loop
  • Sticker

More Blog List Layouts

Magazine Slider: Blog List LayoutsEpisode Table: Blog List LayoutsAuthor Cards: Blog List LayoutsPlain List: Blog List Layouts