yaron A site that answers back.
The rules this site is drawn by — tokens, type, components and motion for a personal site that behaves like an intelligent system, not a brochure. Black base, purple glow, nodes and edges. No CMS anywhere: Claude reads these rules and generates the pages.
Palette
Hairlines & gradients
Borders are always purple-tinted, never gray — rgba(168,85,247,.18) at rest, rgba(192,132,252,.55) when active.
Typography
Three families, each with one job — Space Grotesk for UI & display, Newsreader for reading, Space Mono for labels & metadata.
Spacing, radius & breakpoints
Spacing · 4px base
Radius
Breakpoints
Chat surface
Cards & nodes
Work and writing render as cards — inside the chat and as real crawlable pages. Repeating structures become glowing nodes.
Repositioning Reprise for the agent era
A case study card, exactly as the chat hands it back.
View the work ↗Even Yaron is drawn as a node in his own graph — the favicon is a head built from nodes, edges and glasses-as-ports.
Parallax, entrance & glow
Motion is core, not decoration. Background orbs drift at depth on scroll; content rises in; accents breathe.
Do / don't
- Purple-tinted hairlines on every border
- A mono eyebrow before every heading
- Three fonts, each doing its one job
- Glow with every shadow — light is structure
- Repeating structures drawn as nodes & edges
- Gray borders or flat drop shadows
- New accent hues outside the purple ramp
- Inter, Roboto, Arial
- Corporate brochure energy
- Reading pages glowing as hard as app pages