Copying comes with patterns, for GrinBot buyers
Stacked Features
Color familyTangerine Navy
Primary#F08A3CSecondary#241A14Background#F6EDE1Surface#FFFFFFText#16100CAccent 1#9CC5A1Accent 2#F2C14EAccent 3#3A2A20Accent 4#F08A3C
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Stacked Features (calm)
Color familyTangerine Navy
Primary#F08A3CSecondary#241A14Background#F6EDE1Surface#FFFFFFText#16100CAccent 1#9CC5A1Accent 2#F2C14EAccent 3#3A2A20Accent 4#F08A3C
Open in Moodkit ↗

The idea

the roaster's best stories, dealt one on top of the other. On espresso brown, the left column stays pinned: a sage "Field notes" eyebrow, a heavy Bricolage heading clipped in, "From the farm to your cup, written down.", with an orange zigzag under "written down.", a short line, "11 farms visited" and "4 new notes a month" counting up in orange, and an orange "All field notes" button. A yellow "Roasted in Bristol" badge turns slowly at its foot and a sage bean floats above. On the right, four cream cards (origin, roastery, café, shipping) pin near the top one after another as you scroll, each with its tall retro poster, an orange category chip, a number, the title, the excerpt, the date and reading time, and "Read the note".

Palette and fonts: espresso brown, cream, roast orange, sage, butter yellow · Bricolage Grotesque 800, Karla

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Card stacking
  • Count up
  • Group
  • Image
  • Sticker
  • Sticky column

The calm copy

the same espresso-brown page: the pinned intro with "From the farm to your cup, written down." and its orange zigzag, "11 farms visited" and "4 new notes a month" in orange, the orange button, the still yellow "Roasted in Bristol" badge and sage bean, and the four cream field-note cards with their posters, pinning one over the other as you scroll.

Palette and fonts: espresso brown, cream, roast orange, sage, butter yellow · Bricolage Grotesque 800, Karla

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Card stacking
  • Group
  • Image
  • Sticker
  • Sticky column

More Blog List Layouts

Quiet Grid: Blog List LayoutsIndex by Year: Blog List LayoutsPreview Links: Blog List LayoutsBento Blog: Blog List Layouts