Everything that was tried on the way.
34 explorations behind heyrav.in, in one place: the tools for finding the visual language, the home page at every turn it took, every way the work has been framed, and the benches each decision was made on - most of them with the option that won noted on the card.
Instruments
Live tools with every number exposed: pull a slider, hit R for random, slow it down, export the result.
The master D read as tone and redrawn as hairlines - flat or lifted into an isometric relief, hover to swell, click to ripple.
Pens trace the swash and the D inside the closing grid's tiles, hold, and leave by blur, reverse or wipe. Exports an animated SVG.
Any image as halftone, ascii or dots - flat, on a cylinder or a globe - arriving by a sweep, crossed by a scan.
The hero's entrance as a bench: split, offset, blur, a draggable easing curve, a live timeline. Copies the exact CSS it previews.
The hero's hint taken apart - fringe tear, code rain, pixel hand. The CSS export keeps the hero's own two-half tear.
The hero, through time
The home page as it stood at each turn, rebuilt from the repository - from the first lavender Three.js hero to the one-screen version that ships today.
"Hi, I'm Ravindra." The first take on designs that convert, before the repository existed.
The lavender hero that started the cluster: a live WebGL field behind the headline.
The lavender cluster becomes the home page, ViewRyt's design system rolled out across it.
The review pass: lavender gone, Onest and Redaction 35 in, colour kept only where it is an event - the aurora behind the word.
convert. tears in RGB, code rains behind it and a pixel hand presses it - until the first click.
An iOS-picker drum of services collapses into the headline, and the case links become ink pills.
The hero cut to exactly one viewport, the word pointed at the work, the mark hung on the About wall.
What ships now: the closing grid with its colour sweep, the rubber-band sign-off, TAE Ad Studio as a film.
Project thumbnails
Every way the work has been shown in a frame: shader quads, particle fields, the closing grid, the evidence reel.
The first case illustrations: flat shader quads, raymarched, one per project.
The quads rebuilt as live particle fields that answer the pointer - what the home page still uses.
The THREE.Points bench and control panel the case fields were tuned in.
The footer replaced by a sparse scatter of work tiles, grey at rest; hover one and every copy colours.
The animation lab for the case pages' evidence reel.
Horizontal feed, synthetic vertical track, three scroll spans. Picked A, shipped into IRBS.
Five stations in a line - research, ads, pages, translations, launch - with the AI skills under every one.
Benches and decisions
Side-by-side options built so a choice could be made by looking, not by arguing. Each notes what was picked.
The picker-wheel veil, landing pixel-exact on the hero from 1440 down to 400.
The convert word's tear and pointer, in every variant tried.
Three glyph sets for the rain - lowercase, mixed, uppercase - and the no-neighbour rule.
The layered-fbm curtain shader behind the hero word. Parked, not deleted.
Six options, each beside its hover twin. Picked C, the solid ink pill.
Five bars, A to E. Picked B, the comet - a full-width gradient so the fade scales with progress.
How big should the lockup be at the bottom of the page.
The earlier D and swash, rebuilt on a unit grid from primitives - since superseded by the master lockup.
Every literal colour left on the site, and three decisions about them.
Every place Redaction 35 renders, with a note field per instance.
The typography and colour review, kept as it was - it documents the old state.
The review that took ViewRyt's conventions across the whole cluster.
One component a day, on the main site.
A scroll-driven fly-through of the Udaipur drawings, on the main site.
How the instruments are made
From James McDonald's Dive Club session on building with Claude (Oct 2026), and from reading how accessgrid.com's own motion is built.
A throwaway tool you can play with finds the idea faster than a page of variations.
Random across every parameter turns up results nobody would aim for. Undo keeps it safe.
Each slider says what it does, so the tool is its own documentation.
Ease-out quint, cubic-bezier(.23,1,.32,1), at 200 to 500ms. Most of "smooth" is never mixing curves.
Every timing named and commented - stagger, snap, sweep - so it can be tuned, not storyboarded.
A shelved idea is a library entry. This page exists so none of them are lost.