Floom v0 · design-final · all canonical surfaces

Design final.

All 7 canonical pages + 2 emails + 3 launch banners. One locked design system: Bricolage Grotesque · Inter · JetBrains Mono · sage emerald · glass primitives · aurora bg.

Pages7
01

Landing

Hero with library card visual, works-with agent row, 6 agent chips. Receiver-first messaging.

open →
02

Sign in

Google + GitHub OAuth. State-aware redirect for skill share.

open →
03

Library

Browse skills. Path A: search + filter chips, library switcher dropdown, list/grid toggle.

open →
04

Library skill (V-A3)

Locked detail page. Vertical sidebar tabs (Hugging Face style). Auto-update default ON.

open →
05

Skill share

Public link. Loom-style: sender attribution + polaroid card + Save CTA → signin.

open →
06

Settings

Account · Libraries · Connected agents · Account · Preferences · Danger zone.

open →
07

Docs

Sidebar TOC + content + on-this-page rail. Long-form reading.

open →
Emails2
Email · onboarding

Welcome to Floom

Hero library-card visual + 3 popular skills + Browse the library CTA.

open →
Email · share

Skill shared

Emerald trading-card with stats + works-with row. "+ Save to library" CTA.

open →
Launch banners3
LinkedIn · 1584×396

Header banner

3 skills + SYNCED TO row. Library card right, headline left.

open html →png ↓
OG · 1200×630

Open graph

5 skills, bigger headline, fills canvas. Used for link previews.

open html →png ↓