Stacklift.
Preview Terra Firma
View live demo→
Light · Ceramic Studio · Still Page

Terra Firma

Premium design system for ceramic studios, galleries and makers of one-of-one objects. Warm chalk background, burnt terracotta accent, Young Serif display type. Built around one radical gesture: scroll-as-dial — the page never scrolls. The wheel turns the work: each input swaps the single centered piece in place, and every view (Works, Studio, Contact) mutates in the same fixed viewport. Ships with the dial system, cartel captions, progress rail, stacked views, contact form, and a full-screen design system overlay.

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-as-DialCartel CaptionsProgress RailStacked ViewsContact FormKit BadgesDesign System Overlay

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.