← back to the gallery

Statamic: illustrated jungle CMS story with pastel feature and ecosystem cards

Tier
inspiration
Roles
hero, explainer, feature, capability, proof, closing
Feel
light, playful, premium, editorial, warm
Motion
pan, reveal
Source
public-site
Site
https://statamic.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/b9c37973-539b-4f6e-817b-18f3202247e5.mp4
both: https://statamic.com/

What it does

Statamic introduces its CMS with a warm illustrated landscape, editorial serif headline and broad control-panel preview. Pastel feature examples, code and data references, and ecosystem cards lead into a gallery of published sites.

Section roster

1. Illustrated landscape introduction. 2. Broad CMS panel. 3. Six feature examples. 4. Code and data explanation. 5. Ecosystem cards. 6. Published-site gallery. 7. Illustrated closing action.

Why it works

The landscape gives a technical CMS page a welcoming identity, while the control panel supplies practical context. Pastel sections connect the product examples to the ecosystem without competing with the warm opening illustration.

Source and capture notes

Refero [style page](https://styles.refero.design/style/1efb4cc9-0923-4d4f-884a-b06d4fca4db2) and [recorded video](https://images.refero.design/styles/refero.design/video/b9c37973-539b-4f6e-817b-18f3202247e5.mp4); [live site](https://statamic.com/) checked on 2026-10-05. 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 retains the illustrated landscape with updated navigation. CMS editing, installation, purchasing and marketplace actions were not performed.