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.

02

Sign in

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

03

Library

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

04

Library skill (V-A3)

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

05

Skill share

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

06

Settings

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

07

Docs

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

Emails2
Email · onboarding

Welcome to Floom

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

Email · share

Skill shared

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

Launch banners3
LinkedIn · 1584×396

Header banner

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

OG · 1200×630

Open graph

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