Creator surface palette system

Build a premium launch surface before the publish button.

Tune gradient depth, token contrast, and creator-market fit in one live surface. The export is ready for thumbnails, checkout, media kits, and product pages.

Cohort course launch

Studio-grade surfaces, tuned for trust.

Muted ember system
Warm accent, deep editorial base, restrained highlight stops.

ContrastAA+

Surface depth68

Checkout shell

Clear hierarchy for pricing, proof, and creator credibility.

Thumbnail plate

A strong accent moment without a vague glow effect.

ink.base#171716

surface.paper#F5F1E8

depth.studio#24312C

accent.primary#E84F2F

proof.gold#B99A54

Creator goal

Accent

Surface density

Depth 68 Grain 18

Premium Surface Palette for Creator

Purpose: help senior creator-product teams choose a credible gradient surface system before producing launch pages, checkout flows, and social assets.

Selected state: active chips invert to ink and update copy, tokens, and stage color.

Hover state: surfaces lift and reveal inspectable edge contrast.

Disabled state: Live event remains locked until analytics are connected.

Proof module

Use case	Readiness
Checkout hero	AA+ contrast
Thumbnail crop	Accent retained
Media kit PDF	No glow dependency

Responsive behavior

Desktop keeps the palette canvas and brief visible together. Tablet stacks the brief below the studio. Mobile keeps the primary action, selected goal, and live surface first, then converts tokens into a two-column strip.

Empty state: unavailable goals show why they are locked and preserve the layout instead of disappearing.

Studio-grade surfaces, tuned for trust.

Tokens exported