F
floom · wireframes v14
11 pages · latest ← all versions

v14. Calm, opinionated, done.

v13 was "still off." Too bloated on /p/:slug, too shallow on /run. v14 collapses the product page into tabs (Stripe / Linear pattern) and pushes /run to feature complete: logs, secrets, source, MCP preview, retry, rate limits.

11 pages. One full rewrite, ten rewrites on top of v13. Real app data from preview.floom.dev/api/hub. Nothing here is a promise.

What changed from v13

Product page collapses to tabs. Run surface gets real.

  • · /p/:slug rebuilt as 5 tabs (Run / Install / Source / Secrets / Activity). No more 7 vertical sections stacked. One click, not scrolled.
  • · /run rebuilt feature-complete: Logs accordion (HTTP req/resp, timings), MCP preview (tools/call JSON), rate-limit meter on Run button, Retry + Fork buttons, real Schedule drawer.
  • · /apps gets search, sort, and real empty state. Sort by Featured / Newest / Most runs / Best rated. Category strip collapsible. Card hover shows run count + last-run.
  • · /me adds per-agent usage (Claude vs ChatGPT vs direct HTTP) + billing preview card.
  • · /creator adds 7-day latency + error rate per app, sparklines, and a user-demographics placeholder.
  • · /install ships 4 real clients (Claude / ChatGPT / Notion / Terminal CLI) with config shapes even when bridges aren't wired yet.
  • · /build cuts to 2 working ramps (OpenAPI URL + GitHub) with a waitlist footer for Describe / Connect / Docker. MVP honesty over fake-ship theatre.
  • · /login gets value pitch on the right: 3 bullets + glow logo. Left 50% form, right 50% pitch.
  • · /landing hero shows product: embedded app run (FlyFast) below the tagline. Trust moment, not just a diagram.
  • · /onboarding shows excitement: "Your first app in 30 seconds" + single CTA, then inline working FlyFast demo, then offer the creator branch.
  • · Glow logo everywhere it belongs: landing hero, 404, onboarding welcome.
SOURCE · HUB API
23 live apps from preview.floom.dev/api/hub. FlyFast is the featured demo (real product, real 1-op manifest). Illustrative metrics footnoted with *.
TYPE SCALE
12 / 14 / 16 / 18 / 22 / 28 / 36 / 48 / 64
DM Serif Display hero, Inter body, JetBrains Mono tags.
COLOR DISCIPLINE
Accent + bg · ink · muted · canvas. No purple. One shadow max per page.
11 PAGES

Every flow, calmer.

Each page is a single HTML file. Desktop 1280 + mobile 375 side by side.

/
FIXED
Landing · product screenshot in hero
Tagline + inline FlyFast run demo (real input → real output). Glow logo. Below-fold: 6 OSS layer strip + two-ICP split. Kills the "all diagram, no product" trust gap.
fixed
/p/:slug
FIXED
Product page · tabs pattern (5 tabs stacked in file)
Hero + tabs: Run (default), Install, Source (OpenAPI + manifest JSON + runner code), Secrets (per-user key setup), Activity (reviews + changelog + recent runs). Duplicated mid-page header dropped.
fixed
/r/:id
V13
Public permalink of a run
Frozen snapshot with "Run this yourself" CTA, creator attribution, OG meta preview. Carried forward from v13 (already 10/10).
carried
/apps
FIXED
Apps directory · search + sort + collapsible categories
Sort dropdown (Featured / Newest / Most runs / Best rated). Keyword search. Category strip collapses to a filter pill count when scrolled. Card hover shows run count + last-run. Real empty state with reset.
fixed
/me
FIXED
Consumer dashboard · per-agent usage + billing preview
Runs table, installs (with toggle), per-agent breakdown (Claude / ChatGPT / direct HTTP / MCP CLI), billing preview card (placeholder with upgrade-coming note). Settings link.
fixed
/creator
FIXED
Creator dashboard · latency + error rate + sparklines
Apps table with 7-day runs, avg latency, error rate, revenue. Sparkline per row. Per-app drill-down card. User-demographics placeholder ("Anonymized usage coming").
fixed
/install
FIXED
Install wizard · 4 clients
Step 1 pick app · step 2 pick client (Claude / ChatGPT / Notion / Terminal CLI / direct cURL) · step 3 real config shape for each client (even bridges not yet shipped) · step 4 fake terminal verify.
fixed
/build
FIXED
Build composer · 2 working ramps + 3 waitlist
OpenAPI URL and GitHub ramps live. Describe / Connect / Docker become footer waitlist cards with signup inputs. No more 4 coming-soon modals in the grid.
fixed
/login
FIXED
Login · value pitch right, form left
50/50 split. Left: Google + email+password (no magic link). Right: glow logo + 3 value bullets ("Your first app in 60 seconds" / "Self-host free forever" / "One spec, 5 agent surfaces").
fixed
/welcome
FIXED
Onboarding · excitement, not branching stub
State 1 "Your first app in 30 seconds" + glow logo + single CTA. State 2 inline FlyFast demo (fill → run → see output). State 3 offer creator branch ("Want to ship your own? Here's how"). Skip always reachable.
fixed
/404
V13
Not found · 4 ways out
Refreshed with glow logo. Search, suggested redirect, 4 destination cards. App-specific variant for unpublished slugs.
refreshed
/docs
V13
Docs shell · IA only
3-column layout (nav / content / code rail). Carried from v13.
carried
DROPPED FROM V13
/run.html is gone. The run surface is now the default tab on /p/:slug. Visitors hitting the old URL get redirected at the top of this file (meta refresh placeholder). Standalone /run made navigation confusing; tabs feel like the product.
/settings.html folded into /me as a right-column drawer. 15 pages collapsed to 11 without losing surface.
5 things Federico should click on
  1. p-slug.html tabs. Click through Run → Install → Source → Secrets → Activity. Does this feel like Stripe (calm) or like a scattered dashboard?
  2. p-slug.html Run tab density. Logs accordion + MCP preview + rate-limit meter + retry/fork. Is it still under the "too much" line, or should logs/MCP be collapsed further?
  3. landing.html hero demo block. FlyFast runs inline below the tagline. Does the product feel real now, or is the demo block distracting from the tagline?
  4. build.html with only 2 live ramps. OpenAPI + GitHub live, three waitlist signups below. MVP honesty vs momentum tradeoff.
  5. me.html per-agent usage card. Claude / ChatGPT / direct HTTP / CLI split. Is this the shape creators and consumers will actually want, or does it need to be a standalone /usage page later?
Known gaps · v15 candidates
Full report: /autonomous/2026-04-17-v14-wireframes.md → ← Back to all versions