Relax

Summary

A pause screen. The owner tuned the el3.html experiment ("туманность", the source of demo20's stretched-spot settings) into a page of its own, put it on the album as /bg0/ and asked for it in the catalog as "Relax". Seven large ellipses in muted colours move on their own slow sine paths, breathe between 0.8× and 1.5× and fade between 10 % and 90 %, each at a tiny personal speed, so the picture never repeats; the whole stage is blurred by 250 px and the fields mix with screen, so there are no shapes, only light. A 4 % fractal-noise layer on top keeps the gradients free of banding. Meant as a background mood, a loading or waiting screen, or just a minute of calm.

Prompt

The brief this page was built from.

Add the owner's page /bg0/ to the DEPO demo album as "Relax", keeping it exactly as tuned: a
full-screen nebula on near-black (#060709) — seven large ellipses in muted azure, amethyst,
night violet, amber and blue haze, each drifting on its own slow sine path, breathing between
0.8× and 1.5× and fading between 10 % and 90 % at its own tiny speed, blurred by 250 px and
mixed with `screen`, under a 4 % fractal-noise veil (baseFrequency 0.97) against banding. No
text, no controls. Split it into the demo's own css/ and js/, stop the motion for "reduce
motion".

Catalog style: just as relaxing — the same drifting, breathing colour fields in CSS only behind
frosted glass, one quiet centred column with a lot of air, light italic Cormorant and airy Jost,
slow transitions.

Look

• Type: none on screen (a visually hidden page title); system UI font declared.
• Palette: ground #060709; fields rgba(0,150,199,.25) azure, rgba(123,44,191,.2) amethyst, rgba(72,12,168,.22) night violet, rgba(232,93,4,.12) warm amber, rgba(76,201,240,.2) blue haze.
• Layout: one fixed, full-screen stage; nothing else.
• Motion: requestAnimationFrame moves every field with translate3d + scale and sets its opacity; the stage has filter: blur(250px); fields use mix-blend-mode: screen. With "reduce motion" the fields are drawn once and stay still.

Built with

Borrowed

• The owner's /bg0/index.html on the live album (2026-10-18): the page itself — seven fields, noise baseFrequency 0.97 — split into css/ and js/ here, comments translated, a reduced-motion stop added. It is a tuned copy of el3.html ("туманность"), uploaded by the owner the same day.

Config

None — static page.

Notes

• filter: blur(250px) over a full-screen layer is heavy for weak GPUs; on a slow laptop lower the blur or the field count (COUNT in js/demo29.js).
• The live /bg0/ page stays where it is (it is the owner's file, not in the repository).