← Dashboard  ·  PocketGym  ·  Brand Identity v0.1  ·  Internal Draft  ·  2026.04.25
01
The Brand

Your gym, always in your pocket. Real rep counts, live form coaching, wherever you train.

02
Positioning

Pocket-sized training, full-sized results. PocketGym brings real coaching wherever you go: honest rep counts, live form cues, no gear required.

01
Energetic
02
Supportive
03
Clear
04
Modern
05
Durable
03
Logo · Locked direction (Variant 2)
Primary
Dark mode
Square / app icon
04
Color Palette
Primary text · dark surface
Ink
#0F1417
The weight of effort. Default text, dark surfaces, the color you're reading right now.
Primary accent · CTA · skeleton
Sky
#0098D8
The brand color. Buttons, overlays, rep ticks, progress rings. The color that says you're training. Continuous with slide-deck --blue.
Hover · dark-mode primary
Sky-deep
#0078AB
Stronger than Sky for text-over-color. Hover states, dark-mode primaries.
Streaks · alerts
Amber
#F59E0B
Energy spike. Streaks, PRs, form alerts. Fires where Sky stays steady.
Light surface · background
Cloud
#F6F7F4
Default page surface; warmer than pure white.
Secondary text
Steel
#5C6670
Captions, dividers.

Buttons use Ink labels on Sky (5.6:1, AA pass). White-on-Sky fails AA body. Use Cloud labels on Sky-deep (4.9:1) for hover and dark-mode primaries. Chip/panel backgrounds use a 6–8% Sky tint: rgba(0,152,216,0.08).

05
Typography
Display
Space Grotesk, 600
A gym in your pocket.
Display, smaller
Space Grotesk, 600
Honest reps. Real form.
Stat numeric
Space Grotesk, 700, 96/100
47REPS
Body
Inter, 400, 16/24

Pocket­Gym is the gym in your pocket: it names the exercise, counts honest reps, and grades your form, live. Inter handles the dense UI without competing with the display face. Legible at 16px, invisible at 12px.

Caption
Inter, 500, 12px, +0.04em
Set 02 · Rest 0:18 · Form 92%
06
Visual Motifs

Keypoint graph

Sky dots on Steel hairlines: the pose skeleton as brand texture. Runs in empty states, shimmers, and marketing without pretending to be live UI.

Motion arc

One continuous arc. Traces the rep, underlines the section, anchors the wordmark. Form as a path, never a break.

47
Reps · Set 2
Continue Set

Card + pill button

16px radius cards on Cloud, 999px pills for primary CTAs, single soft shadow. Ink labels on Sky buttons.

07
Mood References: what to borrow, what to skip
i
Strong

Borrow: calm typographic hierarchy, big-number stat treatment.
Skip: all-black surfaces.

ii
Linear

Borrow: two-color accent discipline, subtle dark-surface gradients.
Skip: the indigo palette.

iii
Whoop

Borrow: data density without clutter, trust-through-precision.
Skip: medical seriousness.

iv
Nike Training Club

Borrow: wordmark boldness, willingness to let one color do the work.
Skip: all-caps Futura energy, matte-black wallpaper.

v
Headspace

Borrow: friendly rounded geometry of the illustration system.
Skip: pastel palette. PocketGym is energetic, not calming.

08
Alert Color — candidates in context

Three candidates shown in real UI contexts. Pick one.

Coral
#FF6A55
Original · alarm-forward · high-urgency read on mobile
Streak chip
14-day streak
Form-drop toast
Form dropped to 78% — slow down on the press
Alert badge
3
3 alerts
Amber
#F59E0B
Current pick · warm signal · no alarm read
Streak chip
14-day streak
Form-drop toast
Form dropped to 78% — slow down on the press
Alert badge
3
3 alerts
Orange
#F97316
New · between coral and amber · punchy energy, no alarm
Streak chip
14-day streak
Form-drop toast
Form dropped to 78% — slow down on the press
Alert badge
3
3 alerts
Crimson
#DC2626
Cool-leaning red · no pink shift · reads alert without fire-engine
Streak chip
14-day streak
Form-drop toast
Form dropped to 78% — slow down on the press
Alert badge
3
3 alerts
Vermillion
#E11D48
Rose-600 · slight pink shift · pairs with sky blue via complementary contrast
Streak chip
14-day streak
Form-drop toast
Form dropped to 78% — slow down on the press
Alert badge
3
3 alerts