CREATOR OUTREACHUI SYSTEM · 2026

01 · DESIGN LANGUAGE

Friendly signals.
Serious workflow.

A visual system for creator BD that turns research, matching and email into one readable story.
CREATOR SIGNALSCreator content screen
@rainydayrachel3 scripts ready
PRODUCT MATCH
94%

CloudLayer

Best fit across your catalog

WaterproofSeattle
OUTREACH READY
Email senderMiato Rachel
Rainy-day style ☔

Your recent video gave us a specific collaboration idea…

01

DESIGN DNA

THE CURRENT SYSTEM, IN ONE SENTENCE

Warm enough to invite.
Clear enough to act.

Creator Outreach pairs approachable pastel surfaces with high-contrast working controls. Mint holds the workflow, coral marks action and progress, lilac separates supporting context, and ink keeps every decision readable.

01Evidence first

Creator quotes and match reasons stay close to every recommendation.

02One bright action

Coral identifies the next important move—not every clickable element.

03Celebrate progress

Motion and emoji feedback confirm completion without blocking work.

02 · COLOR SYSTEM

Five colors.
One clear hierarchy.

Pastels create continuity between discovery and sending. Dark ink is used as an anchor, never as a competing full-page theme.

01
Mint canvas#EAF4E8

Primary background · calm workspace

02
Coral action#FF7768

CTA · progress · success moments

03
Lilac context#DDD0FF

Supporting data · secondary screens

04
Ink anchor#27322D

Type · controls · contrast

05
Paper surface#FFFEFA

Cards · forms · email canvas

03 · TYPOGRAPHY
Aa

Geist

One family across headlines, working copy and controls. Weight creates personality; a second novelty font is not needed.

DISPLAY · 72/68Find the fit.
SECTION · 48/48Personalized outreach
BODY · 16/26

Readable explanations connect each creator signal to a product decision.

NOTE · 12/18SECONDARY DETAILS · SOURCE VERIFIED
04 · SHAPE & SPACE

Soft edges.
Strict rhythm.

1418243042

RADIUS SCALE · 14 / 18 / 24 / 30 / 42 PX

SPACING RHYTHM · 8 / 16 / 24 / 40 / 64 PX

05 · CORE SCREENS

The full BD story,
shown as a screen set.

Like a product case study, the key views are composed together so their shared hierarchy, progress language and component behavior are easy to compare.

01

Creator intake
Image and transcript stay in one card.

02

Product decision
Score appears before message copy.

03

Human review
Subject, image, CTA and HTML remain editable.

9:41● ●
01 / CREATOR CONTENT

Understand the creator

Creator profile@rainydayrachelSeattle · daily fitsREADY
Creator videoCreator videoCreator video
VIDEO 01 · TRANSCRIPT

“I need a jacket that is actually waterproof and cute…”

9:41● ●
02 / PRODUCT MATCH

Find the strongest fit

Matched product
CloudLayer JacketWaterproof · lightweight
94%

Why it fitsMatches rainy weather, outfit styling and daily commute signals.

9:41● ●
03 / OUTREACH

Personalized outreach

MiaMia at NorthstarTo @rainydayrachel
SUBJECTRainy-day style, made lighter ☔

Your Seattle rain moment felt like the perfect fit for CloudLayer…

View creator offer

06 · COMPONENT LANGUAGE

Consistent parts.
Flexible messages.

Controls use the same shape, contrast and feedback grammar across Generator, Products, History and the email builder.

ACTIONS
48 PX HEIGHT · PILL RADIUS · ONE PRIMARY
PROGRESS
🎯

Best match foundReview ranked products below.

CORAL = ACTIVE · MINT = COMPLETE
FEEDBACK
✨🫶💌

Celebration appears after meaningful progress, never as permanent decoration.

1.8 S FEEDBACK · NON-BLOCKING

07 · MOTION PRINCIPLES

Show the handoff.

Animation explains where context is moving: creator signal → product reasoning → human-reviewed email.

👀SIGNAL
🎯MATCH
💌SEND

2.4 sStory phase

500 msCard transition

1.8 sCelebration