Turn one creator idea into a reusable gradient language.

Choose a launch moment, tune the visual pressure, and leave with a senior-designer-ready brief for thumbnails, covers, reels, and product drops.

Creator Course SystemLive gradient grammar, interaction states, and export copy

Ready

Strong accent

Gradient pressure

Locked team palette export is disabled until the brief is saved.

Launch kit

Make the method visible

Purpose

Create a bold, credible reusable language for an education creator who needs the same system to stretch from a hero thumbnail to a paid course page.

LayoutOversized gradient artifact first, compact control strip second, proof modules below.

StatesSelected chips invert to ink; hover adds accent ring; loading uses yellow status; empty search explains next step.

MobilePrimary action stays above preview; artifact scales behind the brief instead of disappearing.

Structured design brief

A prompt artifact a product designer can actually refine.

The system avoids vague glow language. Every gradient decision is tied to a creator surface: cover, short-form motion, paywall, caption card, and community announcement.

No matching tokens. Try accent, motion, proof, layout, or contrast.

Token

Guidance

Action

Accent

One strong accent drives calls to action, selection, and launch-energy moments only.

Layout

First viewport pairs a live visual artifact with immediate brief controls; no decorative mockup slab.

Motion

Slow geometry drift clarifies system behavior without hiding copy or competing with controls.

States

Selected, hover, disabled, loading, empty, and saved states are visible in the prototype.

5creator surfaces covered by one grammar

1strong accent, restrained supporting palette

0stock images or vague AI glow effects

Implementation constraints

Build rules for the reusable language.

Contrast

Ink text sits on paper or solid dark fields. Accent is never used for paragraph text.

Density

Controls stay compact and purposeful so the first viewport remains useful, not campaign-only.

Responsive

On mobile, goal chips and save action remain before the artifact; tables collapse to readable rows.

Reuse

Gradient stops, motion speed, state colors, and proof language are tokenized for consistent creator assets.