Hilum

Qué incluye

Prompts

HTML · 312 líneas / React · 312 líneas

Medios

Escena WebGL · image · svg

Alojamiento

cdn.orbital.supply, ya incluido en el prompt

Tipografías

Reddit Sans · Google Fonts

HTML

Un archivo · 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)

Movimiento

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

Probada y documentada

14 de octubre de 2026

• Reproducida en Claude
• Revisada a 375, 768, 1440, 1920 px
• Revisor de la spec: 0 errores, sin enlaces a generadores

Cómo usarla

1. Claude

   Pega el prompt de HTML en un chat nuevo. Obtienes un index.html para servir por HTTP o publicar donde quieras.

2. Vite + React

   Abre un proyecto vacío de Vite + React y pega el prompt de React. Indica los paquetes exactos; las URLs de los recursos ya están dentro.

El prompt

Extracto / 312 líneas en el prompt completo

# 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.

El prompt completo se desbloquea en el lanzamiento.