Mockups

Visual previews of what we're building. Each card links to a live page. Cards tagged Done are shipped to production. Mockup = preview only.

World-Class CMS

What the operator sees clicking a top-level section. Background, Border, Shadow, Color, Padding — all the tools any image tool has.

First try — drag on the actual page to reorder. Works but messy. See Structure panel mockup for the better pattern.

Tree of sections/containers/widgets on the left, page stays normal on the right. Drag, reorder, nest. No overlays on the page.

Replaces the "coming soon" stub. Search, filter by type, multi-select, insert. Gallery of every image in the FreshVibe CMS asset store.

Docked panels now sit behind the dock pills. You can always switch panels, even when one is docked in front.

One place for all settings: theme, model, autonomy, remit, account, shortcuts, about. Replaces 5 scattered affordances.

The plain-text spec that drove the Settings tab. Useful for understanding what each section does.

The original S3 panel layout, kept for reference.

First redesign attempt.

Second iteration.

Third iteration.