Non-obvious treatments — most drawn from the domain (water, depth, optics, signal) rather than
generic UI. Several animate; all respect prefers-reduced-motion. These are wildcards
to react to, not proposals — flag anything that feels right and we refine it.
Treatments that reference the medium itself — caustics, the water column, bathymetry, sonar.
Blurred drifting noise tinted aqua — the dappled light on a pool floor. Slow, ambient.
noise · blur · driftAqua stepping darker down the water column. Section background that means something.
stepped linear-gradientConcentric depth lines — a chart motif rendered as surface. Quiet, technical, on-domain.
repeating-radial-gradient ×2Expanding rings from a center node. For a live / listening state.
scale + fade keyframesReadout aesthetics — oscilloscope, radar, reticle framing, data as the surface itself.
Scanline field with a glowing signal trace. The instrument's own screen.
repeating-linear + glow traceA conic sweep over a ringed dial. Survey-in-progress motif.
conic-gradient · rotateCorner crop-marks framing content — measurement framing without the AV/CV aesthetic.
corner bracketsThe chart is the background; the number sits in it. Edward Tufte by way of a stat card.
area chart watermarkDot field that thins across a gradient — print/engineering texture, density = signal.
radial dots + mask fadeThe laser side — beams, dispersion, drifting aurora.
A single glowing beam tracking across the dark. Literal to the instrument.
blurred line · translateA thin dispersion edge on an otherwise white card — the only place full spectrum belongs.
border-image spectrumThe dark hero band, but breathing — glows slowly migrate. Alive without a video.
blurred radials · driftTwo frosted panes at different blur — parallax depth over a colour field.
stacked backdrop-filterHow photography and technical surfaces could be treated to stay on-brand.
Grayscale mapped to aqua→ink — the "treated photography" the brief asks for, faked here with noise.
blend-mode duotoneSame recipe, warm map — for editorial / human (team, field) imagery.
blend-mode duotone (warm)Cyan grid on deep teal with technical line-art — schematic / spec-sheet surface.
grid + line drawingA receding grid — seafloor / horizon. Depth cue for a dark hero floor.
perspective rotateXHow one section meets the next — something we hadn't covered. Rendered between two faux bands.