Back to Eric's Place

Reading Under the Canopy

A quiet article can still have a sense of place. This demo uses animated tree branches in the margins, leaving the post clean and easy to scan.

The movement is intentionally slow. Branch layers drift at different speeds and the illustration never receives pointer events.

Threshold

Before the canopy, the page behaves like a normal blog post. The section rail, share controls, language switcher and footer CTA keep their usual hierarchy.

The tree scene is configured from the shell, so an author can choose where it belongs without placing decorative markup between every paragraph.

The canopy

This is the anchored section. On wide desktop screens, the article gives itself a little more breathing room while branches move in the margins. The text remains the primary object on the page.

On tablet, only one side stays visible. On mobile, the fixed trees disappear because the reading column matters more than the ambient scene.

The result should feel like sitting below a tree for one passage, not like the whole article has been wrapped in decoration.

Afterlight

Once the reader leaves the section, section behavior fades the trees away. Fixed behavior keeps them in the margins for the full article.

Made withPlace logoPlace

get early access

No spam. Just product updates and early access.

Back to Eric's Place