Hilum

What's inside

Prompts

HTML · 312 lines / React · 312 lines

Media

WebGL scene · image · svg

Hosting

cdn.orbital.supply, already in the prompt

Fonts

Reddit Sans · Google Fonts

HTML

One file · gsap 3.15.0 (jsDelivr) · ScrollTrigger 3.15.0 (jsDelivr) · hilum-core-v1 (CDN ES module)

React

react 19.3.0 · vite 8.3.2 · typescript 6.0.3 · tailwindcss 4.3.3 · gsap 3.15.0 · @gsap/react 2.1.2 · hilum-core-v1 (CDN ES module)

Motion

loader-draw, dive-into-core, overlapping-sheets, cursor-smoke

Tested & documented

14 October 2026

• Reproduced in Claude
• Checked at 375, 768, 1440, 1920 px
• Spec linter: 0 errors, no generator links

How to use it

1. Claude

   Paste the HTML prompt into a new chat. You get one index.html to serve over HTTP or publish anywhere.

2. Vite + React

   Open an empty Vite + React project and paste the React prompt. It lists the exact packages; the asset URLs are already inside.

The prompt

Excerpt / 312 lines in the full prompt

# Build: "Hilum" — a design studio site built around a light core

## 0. Brief

A long editorial one-page site for Hilum, a fictional Eindhoven design studio for hard-technology companies. A WebGL light core (a dark hexagon fed by six bundles of light strands) sits fixed behind the page; a smoke trail follows the pointer and lights the strands it crosses. A giant two-line title is woven around the core, the scroll dives into it, paper, black and cobalt case sheets slide over each other, the core returns to map six practices onto its sides and finally becomes the contact button.

The full prompt unlocks at launch.