Stacklift.
Preview Glass Meridian
View live demo→
Architectural · Premium · Light

Glass Meridian

Design system for architecture and design studios. Cool off-white canvas, smoked-glass greys, soft gold accent. Editorial serif paired with a clean grotesque. Built around one idea: the work is explored by hand. A horizontal project rail responds to drag, wheel and swipe with real momentum, snaps magnetically to each project, and expands to a full-bleed detail view through a FLIP transition. Motion is the interface.

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

Magnetic Drag RailFLIP Project ExpandInertial Pan-Zoom Site MapHairline Editorial NavPlan Drawing ViewerContact Sheet

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.