STATE
Identity Color Type UI Coaches Product Voice Wear Press v1.0
STATE
STATE studio
STATE

Change your state. Change your life.

00 The idea

Most apps shout in every color. STATE earns attention with one.

One accent

Green is the only brand hue. It means interactive, positive, progress — and nothing else. Because it is rare, it pops.

Dark-first

The system is designed for near-black. Light mode is a verified second skin — never the starting point.

Relentless restraint

Most of the screen is neutral. No emoji, no decoration — clean cards, real objects, heavy numbers.

01 Logo & brandmark

The wordmark & the E

STATE wordmark
Brandmark — construction
56 : 9
bar width to height
0.78×
gap is ~0.78 of bar height
0px
square corners, no radius

Three stacked lime bars — the same three strokes that form the E in the wordmark. Use the mark solo for the app icon, avatars, and favicons.

Clear space
1 cap-height min
Minimum size
120px wide on screen
20mm in print
On dark or photo
Mark solo, full lime
No busy gradients
Never recolor the E
02 App icon

One mark. Every size.

STATE app icon
Renders at every scale
10241801208740

Opaque, no alpha. The icon ships on a near-black field — never transparent — so it reads correctly in notifications, Settings, and on the Home Screen.

03 Color

Built on near-black & one lime

Click any swatch to copy its hex. Each token carries a light and a dark value.

Accent · Dark
Lime
#BCF24A
Accent · Light
Green
#66A80A
Canvas
App background
F3F4F6 · 070808
Card
Card / sheet surface
FFFFFF · 141618
Card elevated
Raised chips, insets
EAEDF1 · 1F2124
Ink
Primary text
17191D · F2F4F5
Teal
Secondary / muted info
66707D · 99A1A8
Muted
Errors / inactive states
5B636B · 8B9298
Track
Progress track, fills
9% · 10%
Hairline
Borders / separators
8% · 7%
Same surface, two appearances
Calorie budget Today
1,599
calories left
Log meal
04 Typography

SF Pro, set bold

The system typeface. Display and numbers run semibold-to-bold; large stats use tabular figures for rock-steady alignment.

Aa
Aa
SF Pro Display / Text
Regular Semibold Bold Heavy
Tabular numerals
0123456789
Change your state Display
700 · -2.5%
Today's command Title
700
1,599 Stat number
700 · tnum
Steady progress toward your goal Headline
700
Check in daily to see how your mood and energy trend over time. Body
450
Recover · Hydrate · Fuel Label
700 · caps
Change your state. Slogan
caps · lime
05 UI in context

Components, the way they ship

Calorie budget Today
0 calories left
Protein33/150g
Carbs11/205g
Fat21/60g
1,960
Goal
361
Food
0
Burned
Buttons & chips
Lose weight Gain muscle
Segmented & FAB
+
06 AI coaches

Nine coaches, one personality

Every coach is a photoreal avatar, cut out and lit on near-black — never a colored backdrop. One lime accent ties the whole roster together.

AI Mason “Hardline” Brooks
Discipline
Mason “Hardline” Brooks

Military structure and fat loss. Show up, no excuses.

AI Kai Tanaka
Endurance
Kai Tanaka

Zone-2 base to race-day taper, paced around your data.

AI Dante “Mass” Alvarez
Hypertrophy
Dante “Mass” Alvarez

Progressive overload and protein, and the volume that builds size.

AI Dr. Amir Rahman
Mobility
Dr. Amir Rahman

Joint-by-joint work that keeps you moving without the ache.

AI Malik Carter
Athleticism
Malik Carter

Speed, power, and agility, benchmarked like a pro.

AI Luca Moretti
Longevity
Luca Moretti

Sustainable routines, walking, and food quality for the long game.

AI Eleanor “Coach El” Reeves
Strength
Eleanor “Coach El” Reeves

Form-first lifting and the strength that becomes independence.

AI Yuki Nakamura
Recovery
Yuki Nakamura

Walking, balance, and mobility that keep you moving well.

AI Raven Cole
Calisthenics
Raven Cole

Bodyweight skills and short, playful challenges.

07 In the wild

The system, shipping

Real product screens — proof the brand survives contact with the app. Dark by default, light when the moment calls for it.

08 Iconography & motif

Three bars, line icons, real objects

The three-bar device

Borrow the E's rhythm as a graphic motif — staggered lime bars for dividers, loaders, and section breaks.

Line icons

SF Symbols weight — 2px stroke, rounded caps and joins. Lime when active, gray when idle.

No emoji
🔥

Never emoji — anywhere. Replace with SF Symbols or the 3D object illustrations. The flame becomes the lime mark.

09 Voice & slogan

Change your state.
Change your life.

We sound like…
  • Direct & calm — a coach, not a cheerleader.
  • Plain words. "Prioritize recovery today."
  • Confident about progress, honest about effort.
We never…
  • Use emoji — in UI, copy, or notifications.
  • Hype, shame, or shout in many colors.
  • Bury the action under decoration.
10 Wear your state

The mark moves with people.

Apparel should feel earned, not promotional. Keep the base black, the mark small, and the lime visible only where it gives the piece a pulse.

Two athletes wearing STATE training gear in a city gym
TrainingSmall mark. Strong signal.
Black STATE towel embroidered with the wordmark
RecoveryTexture over noise.
Athlete wearing a black STATE shell jacket on a mountain ridge
OutsideBuilt for weather.
Athlete in a black STATE tee taking a gym mirror selfie
TeeGym black.
Athlete wearing a black STATE training set in the gym
SetOne accent line.
Person wearing a black STATE hoodie on the beach
HoodieOff-day uniform.
Two athletes in a gym, one wearing a black STATE tee
CommunityRecognizable at a glance.
11 Press & media kit

Download the media kit

Logo, brandmark, app icon, ready-to-post social formats, and product screenshots — correctly sized and named for press, partners, and posts.

Everything in one download

One ZIP with the full set — logo and brandmark, the opaque app icon, social cards, a press banner, and dark product screens.

12 files · 6.5 MB · ZIP
Download media kit
Wordmark
Wordmark
PNG · transparent
Brandmark
Brandmark
1024 · PNG
App icon
App icon
1024 · PNG
OG / link card
OG / link card
1200×630
Social square
Social square
1080×1080
X header
X header
1500×500
Press banner
Press banner
1920×1080
App screenshot
App screenshot
Home · dark
Copied