MotionLang

Atmosphere & Background · The air of the page

Aurora veil极光渐变

A few large soft colours drift inside with permanently blurred edges, so it reads less as a background image than as air that has colour. The cheapest premium look, and it never fights the text in front.

Open this entry in the tool

When to use it

Use it when a page should feel atmospheric the moment it opens, without the motion competing with the content: first screens, sign-in pages, layouts with a lot of empty space. Avoid it in tools and in lists people read for a long time — a background that never settles makes the text harder to read, and a static gradient is enough there.

Parameters

4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter

Recipe

  1. Aurora veil → 48s
  2. Aurora veil → 4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter

One sentence for your AI

Lay an aurora background over this page: four radial gradients, each about 0.8× the frame wide, with each centre riding one sine horizontally and one vertically (26–48s periods, never in sync), and edges that stay permanently soft. Composite normally in light mode and with lighter in dark mode. It stays a background — the text and buttons in front do not animate.

More in this category