Stacklift.
Preview Sightline
View live demo
White Cube · Verdigris · Scroll-Travel Enfilade

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

  • design.md

    Agent context · DESIGN.md spec-compliant

    Download free
  • index.html

    Visual demo + component showcase

    View demo
  • kit.zip

    design.md + index.html · all in one

Buy — $29

Secure payment · Instant delivery · VAT included

Components included

Scroll-Travel Camera Engine (CSS 3D, zero WebGL)Dwell / Walk Scroll MappingAtmospheric Fog (enfilade ghost)Room Fit-Scale GuardFixed Wayfinding UI (numerals + ticks)Museum Map MenuCollection Rail & Cartel ModalExhibition & Visit PanelsDesign System OverlayReduced-Motion Vertical Fallback

Use with your AI agent

Via design.md

  1. 01Download design.md and place it at your repo root.
  2. 02Your agent (Claude Code, Cursor, Copilot) reads it automatically on startup.
  3. 03Ask it to generate components — it applies your tokens and rules.

Via index.html

  1. 01Download the ZIP and extract index.html.
  2. 02Provide the index.html content as context to your LLM.
  3. 03Customize the CSS variables in :root for your brand.