001 — Platform
One engine. Three ways in. Infinite brands.
Studio is the operator console. AI prompt, template gallery and drag-drop canvas all produce the same config. The Chameleon theme engine brands it; a shared Engine owns members, points, ledger and comms.
002 — Product pillars
Four parts that read as one product.
P/01
Engine
The system of record. Members, append-only points ledger, tiers, redemptions, referrals and peer-to-peer transfers — auditable by design.
- Append-only ledger
- Tier rules + redemptions
- Referrals (two-way)
- Wallet + QR identity
P/02
Studio
The operator console. AI prompt, template gallery and drag-drop canvas converge on one editable draft — undo, autosave, draft vs. published.
- Three-pane layout
- Module + block edits
- Versioned configs
- Atomic publish & rollback
P/03
Chameleon
A theme engine that makes one engine wear infinite brands. Colors, type, radius, logo and light/dark — injected at runtime, previewed live.
- Runtime CSS vars
- Per-tenant assets
- Subdomain + custom domain
- Light/dark + locked tokens
P/04
Growth Suite
CRM and automation, built in. Member 360, segments, RFM, journeys and broadcasts — for the operator, not for a marketing team they don't have.
- Member 360 + notes
- Segments + RFM
- Visual journeys + holdouts
- Email · SMS · push
003 — System diagram
┌──────────────────────────────────────────────┐
│ stacka.cloud — marketing · pricing · gallery │
└─────────────────────┬────────────────────────┘
│ signup
┌───────────────────────────────▼────────────────────────┐
│ STUDIO (operator console) │
│ ┌──────────┐ ┌──────────┐ ┌────────────────────┐ │
│ │ AI BUILD │ → │ TEMPLATE │ → │ DRAG-DROP CANVAS │ │
│ │ prompt │ │ gallery │ │ modules + blocks │ │
│ └──────────┘ └──────────┘ └────────────────────┘ │
│ ↑ all three converge on the same config │
└──────────────────────────┬─────────────────────────────┘
│ publishes config
┌────────────────────┐ │ ┌──────────────────────┐
│ CRM + AUTOMATION │◄────┤────►│ CHAMELEON THEME ENG │
└─────────┬──────────┘ │ └──────────┬───────────┘
│ ▼ │
└──────────► ENGINE ◄───────────┘
members · points · ledger · comms · bookings
│
┌────────▼─────────┐
│ TENANT PWA │
│ branded · native │
│ feel · offline │
└──────────────────┘004 — Build modes
Three paths, one config.
PATH A
AI build mode
Describe the app. The model picks real modules from the catalog, infers theme from prompt or logo, and writes copy in the Stacka voice. Output is a normal Studio draft.
PATH B
Templates
Four launch templates — Hospitality, Retail, Salon, Generic — pre-wired for their vertical. Fork, rebrand via Chameleon, publish.
PATH C
Drag-drop canvas
Module-level by default. Block-level for advanced operators, bounded by a constraint system that protects engine invariants. Ground truth, always.
005 — How it's built
Pragmatic, edge-first.
- RUNTIME
- React · Vite · TanStack Start · Tailwind v4
- BACKEND
- Lovable Cloud — Postgres, Auth, Storage, Edge Functions
- ISOLATION
- tenant_id + RLS + custom JWT claim, subdomain & custom-domain routing
- AI
- Lovable AI Gateway · Gemini Flash · structured Output for module selection
- MOTION
- Motion for React, with prefers-reduced-motion honoured
- DELIVERY
- PWA · manifest-only install · IndexedDB cache · production-only SW