Track · effects

Effects track

Ambient background SVGs. SMIL-animated, zero-JS runtime — drop the URL into an <img> and the animation plays natively. Four kinds, one per route.

Endpoints

All under GET /api/v1/effects/<kind>, scope studio:v1:use.

Kind	Look	Common use
`aurora`	Organic drifting gradient bands	Hero backdrops, editorial covers.
`glow`	Radial burst with optional chromatic aberration	Button glows, section dividers.
`grain`	Film-grain / paper / halftone texture	Overlay atop any photo or gradient.
`starfield`	Animated particles (stars / dust / snow / confetti)	Seasonal, playful, hero.

Example

<img
  src="https://urja.insightsbyomkar.com/api/v1/effects/aurora?width=1600&height=900&palette=ember"
  width="1600" height="900" alt="" />

Common params

Param	Applies	Notes
`palette`	all	`aurora` \	`ember` \	`nebula` \	`forest` \	`ocean` \	`rose`. Each is a five-stop smooth run.
`width` / `height`	all	Clamped per-kind.
`seed`	all	Deterministic seed — same URL renders byte-identical SVG. Change for variation.
`speed`	aurora / starfield	Base cycle multiplier.
`grain`	aurora	Film-grain overlay intensity `[0, 0.6]`.
`kind`	grain / starfield	Grain: `film` / `paper` / `halftone`. Starfield: `stars` / `dust` / `snow` / `confetti`.
`intensity`	glow	`[0.2, 1.2]`.
`chromatic`	glow	Chromatic-aberration amount `[0, 1]`.
`pulse`	glow	`0` / `1` — slow opacity pulse.
`density`	starfield	Particle count multiplier.

Full matrix in the OpenAPI reference.

Animation model

Every effect emits SMIL inside a self-contained SVG. Browsers render animation inside a raw <img src> with zero JS runtime — no hydration, no observer setup, no CLS.

If the host needs a static frame (OG card, print, reduced-motion), the ambient animations can be swapped for the still version through the Scene composer with background=none + a character overlay, or by omitting the route (<img> captures the first SVG frame on print).

Response contract