Floom design system

Cursor-accurate. Cool neutrals, native type, spring motion.

Researched from cursor.com: cool near-white surfaces (not warm cream), cool near-black ink, system font stack, a muted forest-green accent used sparingly, iOS-spring micro-interactions, one shadow tier + hairlines. Toggle the theme, it persists across every page.

Surfaces & ink

--bgapp canvas

--papercard

--bg-2sunken

--bg-3deep sunken

--inktext

--accentsparingly

Typography, system font + serif accent + mono

Save the right skill at the right moment.

An editorial serif moment, used rarely for emphasis.

Section heading, system, weight-driven

Body copy in the native OS font: crisp, familiar, the reason Cursor feels expensive. No webfont for UI.

$ floom add fede/seo-auditor

Buttons, iOS spring (lift on hover, scale on press)

Primary

Secondary

Ghost

Large

Inputs · chips · command

States

PublicPrivatev1.2.0featuredClaudeCursor

$floom add fede/brand-voice

Surface depth, one shadow tier + hairline

hairline

flat + 1px line

card-sm

resting elevation

card-md

hover / float

card-pop

modal / overlay

Tabs · panel

OverviewFiles 1Versions 3

Panel body, mono header strip, bg-2 tint, hairline divider. Used on skill detail.