Zero images.
All type.

RASTER® wanted a site as restless as their reels. There is not a single raster image on the page: every visual is a letterform, a rule, or a grid line. Designed and built by our AI pipeline in one day.

The kinetic hero

The wordmark is set in Archivo Variable and animated by writing font-variation-settings per letter, per frame. Three influences sum into the axes: a travelling sine wave, cursor proximity (letters near your pointer swell), and scroll velocity (fast scrolling squeezes the width axis, so the word flinches as you move).

const w = 92 + Math.sin(phase) * 28 + cursorPull * (my * 40 - 8) - squeeze;
l.style.fontVariationSettings = `'wdth' ${wdth}, 'wght' ${wght}`;

Effects inventory

• Decode-scramble nav links: characters shuffle through a glyph pool before settling.
• Scroll-filled manifesto: each word carries a two-stop background gradient clipped to text; scroll progress moves the stop, lighting words up one by one.
• Dual marquees in opposite directions, one inverted on acid green.
• Work index rows that flood acid on hover, skew the title, squeeze its width axis, and reveal a giant outlined year.
• Crosshair cursor: full-viewport hairlines in mix-blend-mode: difference.
• Live HUD: clock, scroll percentage, coordinates, all blend-safe over any band.

Why no images

Constraint is the design statement. When the only material is type, every decision (weight, width, interval, speed) has to carry the whole brand. It also proves the entire aesthetic can ship in one HTML file over one font request.

The loop

Playwright rendered the page at 8 viewport/scroll combinations per pass; three review passes fixed HUD legibility over the acid band (blend mode), mobile nav collisions, and grid overlay tuning. Review the pixels, not the code.