Sightline
Premium design system for institutions that deserve to be visited, not scrolled — museums, foundations, hotels, maisons. A white-cube gallery where rooms sit in real CSS 3D space: scrolling walks the visitor from room to room through an enfilade of aligned doorways, the camera easing forward and resting at each threshold so reading always happens at rest. The next room glows faintly through the distance; verdigris — the patina of aged bronze — is the only signal. Pure CSS transforms, zero WebGL, and a classic vertical fallback under reduced motion. A still frame cannot describe it: the depth is the design.
What's included
- Download free
design.md
Agent context · DESIGN.md spec-compliant
- View demo
index.html
Visual demo + component showcase
kit.zip
design.md + index.html · all in one
Secure payment · Instant delivery · VAT included
Components included
Use with your AI agent
Via design.md
- 01Download design.md and place it at your repo root.
- 02Your agent (Claude Code, Cursor, Copilot) reads it automatically on startup.
- 03Ask it to generate components — it applies your tokens and rules.
Via index.html
- 01Download the ZIP and extract index.html.
- 02Provide the index.html content as context to your LLM.
- 03Customize the CSS variables in :root for your brand.
