← back to the gallery

It's Nice That: editorial image grid with bright category bands and layered feature stories

Tier
inspiration
Roles
hero, feature, explainer
Feel
light, playful, editorial, warm
Motion
pan, reveal, kinetic
Source
public-site
Site
https://itsnicethat.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-08
Captures
frames: https://images.refero.design/styles/refero.design/video/bf56d618-324b-492c-942f-554a6484b133.mp4
both: https://itsnicethat.com

What it does

A small masthead and compact news feed introduce a large lead story with a bold image and purple title. Dense article tiles lead into lavender project, yellow insight and multicolor feature chapters. Pink resource cards and an orange culture band continue the editorial grid.

Section roster

1. Masthead and compact news feed. 2. Large lead story. 3. Mixed article grid. 4. Lavender project chapter. 5. Yellow insight chapter. 6. Layered multicolor feature. 7. Pink resource cards. 8. Orange culture chapter.

Why it works

Category colors organize a visually busy editorial page. A large lead story and an occasional layered feature interrupt the repeated card grid and establish clear reading priorities.

Source and capture notes

Refero [style page](https://styles.refero.design/style/3e70af05-a07f-4c11-98ca-6ecb4765e967) and [recorded video](https://images.refero.design/styles/refero.design/video/bf56d618-324b-492c-942f-554a6484b133.mp4); [live site](https://itsnicethat.com) checked on 2026-10-08. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The live page uses new lead stories and an expanded news-feed treatment. The source ends within culture content rather than a full footer.