Stacklift.
Preview Atlas Drift
View live demo→
Editorial · Spatial · Warm

Atlas Drift

Premium design system for creative studios and editorial portfolios. Warm paper background, brick-red accent, Fraunces serif × Spline Sans Mono type pairing. Ships with a full horizontal room-navigation demo, magnetic cursor, structural drift parallax, collage component, and full-bleed visual room.

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

ButtonsBadgesCardsForm InputsStat BlockSection HeaderCollage LayoutMagnetic CursorHorizontal Room NavFull-Bleed VisualContact Form

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.