Theme controlsGarden growth over seasons
assets/lottie/seasons.json
Motion guide
Small movements, used on purpose.
Nothing loops for decoration alone. Hover, press, reveal and the four hero studies are the system. Reduced-motion preferences turn them off.
Where it lives
A map of the motion.
| Pattern | Where | What you should feel |
|---|---|---|
| Preloader | First visit each session | A gate draws, a leaf arrives, then the page. Replay |
| Link underline | Primary menu | A hairline grows from the left. |
| Button press | Every button | A one-pixel lift, then a slight press. |
| Card lift | Plans, tips, projects | The card comes toward you, shadow only. |
| Scroll reveal | Section headings | A short rise as the block enters. |
| Image swap | Services block | The photograph follows the row you are on. |
| Before / after | Home and projects | A drag, not an autoplay, so you control the compare. |
| Mega menu | Services, Projects, Garden | A soft fade. Three styles in the top bar. |
| Hero studies | Homepage stage | Four looping scenes, switched from the bar. |
Try them
Hover, press, switch.
Hover this card
Hero studies
Four scenes, plus their Lottie files.
The homepage plays crafted SVG scenes. Matching Lottie JSON sits in the theme package for editors that prefer a player.
Before / after yard
assets/lottie/transform.json
Watering and care
assets/lottie/watering.json
Blueprint into a garden
assets/lottie/blueprint.json