Copying comes with patterns, for GrinBot buyers
Hover Index
Color familyPaper Vermilion
Primary#FF5B2ESecondary#1E1C1ABackground#F3EEE6Surface#FFFFFFText#121110Accent 1#C9F24BAccent 2#A39E96Accent 3#34312DAccent 4#FF5B2E
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Hover Index (calm)
Color familyPaper Vermilion
Primary#FF5B2ESecondary#1E1C1ABackground#F3EEE6Surface#FFFFFFText#121110Accent 1#C9F24BAccent 2#A39E96Accent 3#34312DAccent 4#FF5B2E
Open in Moodkit ↗

The idea

a studio's writing page that behaves like its portfolio. On near-black, the Unbounded heading assembles word by word, "Writing about brands that last longer than a trend.", with "brands" in lime outline, and a lime badge turns beside it. Below, a Hover List Work index: four big essay titles with an orange number, the category, date and reading time on the right and a one-line excerpt under each. Point at a row and its ink-and-wash picture follows the cursor while the title turns lime and shifts. "Read all the essays" fills with lime from the pointer, and a strip of topics runs along the foot.

Palette and fonts: near-black, warm white, orange, lime, warm grey · Unbounded 700 and 600, Space Grotesk

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Columns
  • Hover List
  • Scrolling Text
  • Sticker

The calm copy

the same near-black writing page: "Writing about brands that last longer than a trend." with "brands" in lime outline and the lime badge still beside it, the Work index of four essays whose ink-and-wash picture follows the cursor while the title turns lime, "Read all the essays", and the topics set as one still line along the foot.

Palette and fonts: near-black, warm white, orange, lime, warm grey · Unbounded 700 and 600, Space Grotesk

Grinner features used

  • Accent
  • Advanced Animations
  • Button
  • Columns
  • Group
  • Hover List
  • Sticker

More Blog List Layouts

Episode Table: Blog List LayoutsSearch First: Blog List LayoutsPattern Board: Blog List LayoutsRecipe Series: Blog List Layouts