F
floom · wireframes
v17 latest · Studio re-skin · single accent

Floom wireframes.

Every screen, every state, every click defined. This is the spec the real product will be built against. Nothing here is a promise, everything here is a hypothesis being validated.

Open v17 Studio Studio app page v16 index (20 pages)
Latest

v17 · Studio re-skin · single-accent design system

v16 shipped a working Studio shell but used a rainbow of per-app colours (indigo / amber / green / pink / sky for icons, blue / purple / pink for feedback tags). v17 collapses that to the locked Floom palette: single green accent (#047857), soft red for danger only, everything else neutral ink / muted / line. App icons become monochrome letter chips. Feedback tags become neutral pills with one accent for FEATURE. Same content, same layout, one design language.

NEW in v17 · 5 pages
studio-home studio-deploy · NEW studio-app studio-home-mobile studio-empty
What changed
Previous

v16 · 20 pages · Store + Studio, one login, two contexts

v15.3 tried to put consumers and creators on the same shell. Result: /me was doing six jobs, /p/:slug had Edit buttons next to Run buttons, everyone felt lost. v16 splits it. Store (consumer, light #FAFAF7, marketing chrome) lives at the root. Studio (creator, workspace #F5F5F1, 240px sidebar, dense tabs) lives at /studio. Same login, same identity, different surface. Six-tab per-app drill-down (Overview · Runs · Secrets · Access · Renderer · Analytics). New landing H1: "Production infrastructure for AI apps that do real work."

NEW / REBUILT in v16
landing · NEW H1 /studio · NEW /studio/:slug · NEW renderer · NEW /me · REWRITTEN
Store pages · 11
landing /apps /p/:slug /r/:id /me /install /docs /404 /welcome /login v16 index
Studio pages · 9
/studio /studio/build /studio/:slug :slug/runs :slug/secrets :slug/access :slug/renderer :slug/analytics /studio/settings
How to view
  • default clean site-like experience, one screen at a time
  • ?review=1 shows wireframe chrome (screen labels, anchor nav, notes)
  • ?review=all everything on one long scroll for skimming
20 pages in v16
  • Store · 11: landing · /apps · /p/:slug · /r/:id
  • /me · /install · /login · /welcome · /docs · /404
  • Studio · 9: /studio · /studio/build
  • /studio/:slug + 5 tabs (overview · runs · secrets
  • · access · renderer · analytics) · /studio/settings
Specs and docs
v11.html · 17 screens · error states · OpenAPI-only v1 messaging · agent-deployable
Open v11 →
Version history

How we got here

v16
20 pages · Store + Studio split, one login, two contexts Latest
New landing H1 ("Production infrastructure for AI apps that do real work"). Consumer Store at root (#FAFAF7, light marketing chrome). Creator Studio at /studio (#F5F5F1, 240px sidebar, 6-tab per-app drill-down: Overview · Runs · Secrets · Access · Renderer · Analytics). Zero creator affordances leak into /p/:slug. /me scoped to runs only. Owner "Open in Studio" bridge card. Real seed data from the hub API.
Open →
v15.2
17 pages · shared app-shell + GitHub-first deploy + real access control · superseded by v16
Left rail on /me/a/:slug, /run, /build, /creator (signed-in shell). GitHub-first /build flow with OAuth, repo picker, auto-detect, auto-redeploy on push. New /access page with invite-only, roles, full access log. New credentials-required state on /run.
Open →
v15.1
16 pages · private apps + ChatGPT-feel · superseded by v15.2
Added the real run thread (streaming, async, error, empty), private apps shape (/me/a/:slug), encrypted secrets vault, threaded /me. First private-app case: ig-nano-scout. v15.2 kept all of this and added the shell + GitHub + access layers.
Open v15 →
v15
13 pages · ChatGPT/Notion/Google-level simplicity
Reduction discipline: one dominant input/CTA per page, single accent, progressive disclosure, no marketing fluff. Light surface, white cards, serif headlines, mono for tech. Built for the masses.
Open →
v14
Stripe/Linear-density pass · superseded by v15
Tried denser, more "professional" surfaces. Direction was rejected — too power-user, not consumer-grade. Kept around for diff reference only.
Open →
v13
15 pages · run surface + install + settings + docs + 404 + onboarding
7 new pages for the missing surface area. 3 rebuilt with higher design bar (landing, apps, p-slug). Real app data from hub API. Desktop + mobile side by side on every page.
Open →
v12
Launch-ready · paste-first /build, magic-link removed, 8 polished pages
Split /me and /creator. 4-state /build flow (anon → detect → publish modal → logged-in publish). Landing desktop + mobile side by side.
Open →
v11
Error states for GitHub import + OpenAPI-only v1 messaging
Private repo and no-OpenAPI-detected error cards on /build. Narrowed agent-deploy tools to the 2 that ship at launch.
Open →
v10
Agent-deployable · MCP + HTTP + CLI deploy path
New "Deploy from your own agent" card on /build. Copy an MCP config into Claude Desktop or Cursor and the agent can trigger deploys programmatically.
Open →
v9
Fully clickable + click specification doc
Every interactive element wired. CLICK-SPEC.md as source of truth for implementation.
Open →
v8
Site-style nav + hash routing
One screen at a time, breadcrumbs, browser back/forward works, deep links.
Open →
v7
Hero trim, GitHub import ramp, schedule button
Subhead cut to 9 words. Deploy-from-GitHub primary /build path. Schedule CTA on app pages. Postgres+auth amplified.
Open →
v6
Full reposition + rich production-layer dashboards + 10 new screens + ASCII visuals
Hero "Vibe-coding speed. Production-grade safety." Creator dashboard: 15 real sections, no v1.1 gates. User dashboard richness. Pricing, Docs, Auth, Publish flow, Feedback inbox added.
Open →
v5
Mono palette + user screens merged
Strict mono + 1 accent (emerald). Run page and /me dashboard added. DM Serif Display limited to 4 headlines.
Open →
v4
Structural audit fixes, mobile responsive, store install rename
14 fixes from the UX+product audit. ?review=0 mode introduced. Mobile breakpoints verified.
Open →
v3
Warm palette + Lucide SVGs + DM Serif Display
Extracted floom.dev's live palette. Replaced Unicode glyph icons with 68 real Lucide SVGs. First polish pass.
Open →
Planning and research

The spec behind the wireframes

Roadmap
101 KB · 1,517 lines
5-phase build plan

Phase 1 landing + waitlist. Phase 2 Docker OSS core. Phase 3 Cloud multi-tenant wrap. Phase 4 Composio integration. Phase 5 public v1.0 launch. Per-phase objective, deliverables, tech stack decisions, week-by-week build steps, testing protocol, ICP walkthroughs, risks.

Read the roadmap →
Click spec
47 KB
Every element, defined

Source of truth for implementation. 200+ interactive elements enumerated with their behavior: navigate, toast, toggle, open modal, submit form, filter, or display-only. Zero uncertainty before coding.

Read the spec →
Apps audit
10 KB
The 15 live Floom apps

Verification of what the current floom-monorepo v0.1.0 actually ships. Input/output contracts per app, rendering pipeline, where the wireframe assumptions match reality and where they diverge.

Read the audit →
Assumptions
8 KB · 20 tracked
20 unvalidated hypotheses

Every assumption the wireframe and roadmap depend on, tracked with validation status. Unvalidated, in flight, validated, or invalidated. Gets updated as validation agents land.

Read the tracker →