Calm copy the same design, with calmer motion and words
The idea
a charity's news page that keeps its cause in view. On deep sea green, the left column stays pinned as you scroll: "News from the coast" in tall Bebas capitals, revealed line by line, with a sand-yellow hand-drawn underline; two sand-yellow numbers counting up (2.1 t of net lifted, 1,940 volunteers); a ruled list of topics with their post counts; and "Join a beach clean". A yellow "Beach clean every Sat" badge floats on its corner. On the right, four pale news cards scroll past; each picture tips up into place as it rises (Tilt in), above the topic, date, reading time, a bold title and a two-line excerpt. A yellow strip of what the trust does runs along the foot.
Palette and fonts: deep sea green, pale mint, sand yellow, mint, dark green ink · Bebas Neue, Libre Franklin
Grinner features used
- Accent
- Advanced Animations
- Button
- Categories List
- Clickable cards
- Count up
- Group
- Image scroll effect
- Link hover
- Query Loop
- Scrolling Text
- Sticker
- Sticky column
The calm copy
the same deep sea-green news page: the pinned column with "News from the coast" and its sand-yellow underline, the two yellow numbers, the ruled topic list with counts and "Join a beach clean", the yellow badge resting on its corner, four pale news cards scrolling past on the right, and the activities set as one still line on the yellow band.
Palette and fonts: deep sea green, pale mint, sand yellow, mint, dark green ink · Bebas Neue, Libre Franklin
Grinner features used
- Accent
- Advanced Animations
- Button
- Categories List
- Clickable cards
- Group
- Link hover
- Query Loop
- Sticker
- Sticky column



