base360

Brand & product style guide

One view of your
whole creator world,

all the way around.

The soft, considered system behind base 360 — where every follower connects to every sale.

Version 2.0 · Social + sales, beautifully together
360
i.

Voice & personality

base 360 speaks like a smart best friend who happens to love spreadsheets — warm, encouraging, and clear. It celebrates real wins without the hype, and turns every number into a next move. Sentence case everywhere.

Warm & encouraging
Cheer the real result. No pressure, no panic.
SayYour best week yet — up 24%
NotConversion rate exceeded threshold
Clear over clever
Name things creators recognize. Hide the plumbing.
SayRevenue from this post
NotAttributed conversion value
Always a next move
Every insight points somewhere. Empty screens invite.
SayLink TikTok to see your full reach
NotNo data available
ii.

Color

An ivory base with crisp white surfaces keeps everything soft and pretty, while warm plum replaces harsh black for text. Blush drops back to a gentle tint, and rose is the one confident pop — used for brand moments, momentum, and highlights, always paired with plum for anything you need to read.

Ivory
App and page background. The base canvas.
#FFFAF6
Paper
Raised surfaces — cards, panels, modals.
#FFFFFF
Blush
Soft tint for inputs, chips, and gentle fills.
#FCEFEC
Plum
All text and primary buttons. Soft, warm, not black.
#43222F
Rose
Primary pop. Brand moments, momentum, highlights.
#F76D9C
Mauve
Secondary accent, gentle positive signals.
#C98BA8

The 360 gradient · charts & channels

#F76D9C
#FFB08A
#E8C089
#C98BA8
#BBA6E8

These five map to channels and chart series in a fixed, pretty order. They live only in charts and the ring — never as text or button colors, so dashboards stay calm and legible.

iii.

Typography

Fraunces brings soft, editorial elegance to headlines and big numbers. Poppins keeps the interface friendly and rounded for everything you read and tap. Parisienne appears once or twice as a delicate script flourish — a signature, never a workhorse.

FrauncesDisplay · headlines · metrics
500 · 54pxAll the way around
italic · 34pxyour creator world
PoppinsBody · UI · buttons
500 · 20pxConnect a channel to start tracking
400 · 17pxEvery post links to the revenue it drives, so you can see which content actually sells.
300 · 14pxLight helper text sits softly here.
ParisienneSignature flourish · sparingly
44pxall the way around
v.

Core components

Generous 24px radii, soft blush-tinted shadows, and pill-shaped actions give the product its gentle, pretty feel. Primary actions use plum for contrast; the rose gradient is saved for one hero moment per screen.

Followers
128.4k
+3.2% this week
Engagement
6.1%
+0.4pt vs last week
Revenue
$48.2k
−5.1% this week

Buttons actions

Tags & status signals

Trending up Needs love
Instagram TikTok YouTube Shopify

Input forms

We'll match sales back to the posts that drove them.

Revenue by channel chart

Instagram 42%
TikTok 28%
YouTube 18%
Other 12%
vi.

Spacing & shape

An 8-point rhythm and soft, generous corners keep everything feeling gentle. Cards round at 24px, inner controls at 14px, and anything tappable becomes a full pill. Shadows stay low and blush-tinted — a whisper of depth, never a thud.

4 · 8 · 16 · 24 · 32
Spacing scale (px)
24px
Card & panel radius
14px
Input & inner radius
100px
Pills & buttons
base360
Brand & product style guide · v2.0
every follower, every sale
Case study