PBG Template · Backgrounds
Visual Identity, Layer One

Six backgrounds that set the room.

Every PBG page begins with the air around the words. Pick a mesh, a shader, a stream of paths, a quiet gradient. Each background here is premium and copy paste ready.

BG-01 31 · Background

Mesh Gradient

A trio of soft radial pools rotating against each other. Cheap on GPU, expensive looking. Excellent for marketing pages and quiet hero zones.

BG-02 32 · Background

Plasma Grid Shader

A WebGL plasma flowing across a faint grid. Originally cool violet, retuned to PBG warm gold so it reads as us, not the rest of the internet.

BG-03 33 · Background

Liquid Aurora

Three blobs that morph and rotate slowly. Quiet enough to sit under long form copy without competing for attention.

BG-04 34 · Background

Animated Paths

Four pattern families on rotation: neural lattice, organic flow, geometric grid, slow spirals. Use for technical and engineering chapters.

BG-05 35 · Background

Aurora Shader

A volumetric aurora rendered in Three.js. Three theme tinted color stops, soft motion, no audio. The widest visual range in the catalog.

BG-06 36 · Background

Elegant Streaks

Skewed light beams, a dot grid, a soft halo. The most editorial of the six. Pair with serif heroes and long copy.