Atomic Runs

MIDNIGHT TRACK · DESIGN BOARD
Accent
Zoom
Interactive board · screens · sizes · system

Midnight
Track

The whole Atomic Runs surface on one canvas. Click any highlighted control to jump to the screen it opens, hit Play flow to walk the prototype, or toggle Hotspots to reveal every tappable area. Phone screens are the Compact layout; the Tablet frame shows the Expanded nav-rail + two-pane History.

FRAMES · 20
SIZES · Phone · Tablet (Expanded)
TABS · Run · History · Stats · You
TRY · Play flow ↓ · Hotspots ↓
Flow

Start a run

primary loop
click a button to jump →
Onboarding · first runEntry
Onboarding
9:41
Volume I · N° 001
Atomic Runs
Setup
Your goal
Pick whatever feels right today — change it later.
5K10KHalfMarathonStay healthy
Fitness level
NewCasualRegularCompetitive
About you · optional
Age
years
Weight
kg
Height
cm
Ready · pre-runRun tab
Tracking · Ready
9:41
Volume I
Atomic Runs
Ready
Lace up.
The night is
yours.

GPS locked · 8 satellites

WEEKLY GOAL18.2 / 30 KM
Live · trackingRun tab
Tracking · Live
9:47
Session · 003
Atomic Runs
Live
5.21
Kilometres
last km — 4:48 · your fastest today
Time
24:08
Pace
4:52
Elev ↑
142m
Kcal
312
Zone 3
152bpm
Cadence
178spm
Paused · heldRun tab
Tracking · Paused
9:52
Session · 003
Atomic Runs
Paused
5.21
Paused at 5.21 km
Tap resume when you are moving again
Time
24:08
Pace
4:52
Elev ↑
142m
Kcal
312
Avg HR
149bpm
Cadence
178spm
History tab

Log & detail

3 views
History · run logTab root
History
9:41
This week
History
+ Add
34.7km+12% vs last
8.04km
4:52 /km · 39:12 · 412 kcal
TODAY09:41
5.21km
5:03 /km · 26:20 · 268 kcal
TUE07:10
12.6km
5:18 /km · 1:06:51 · 690 kcal
SUN08:02
8.85km
5:00 /km · 44:15 · 455 kcal
FRI18:30
Run detail · one runModal
Run detail
9:41
Today · 09:41
Morning 8K
‹ Back
Distance
8.04
Time
39:12
Avg pace
4:52
Elev ↑
168
Kcal
412
Avg HR
154
Splits
1
4:58
2
4:51
3
4:46
4
5:02
Heart-rate zones
Z1Z2Z3 · 44%Z4Z5
Manual entry · add a runModal
Manual entry
9:41
No GPS needed
Add a run
‹ Back
Distance (km)
8.04
Duration
28:30
When
Today · 09:41
👟
ShoesPegasus 40 daily
Change ›
Notes (optional)
Treadmill 1% incline, evening shakeout…
Stats tab

Trends, goals & bests

5 views
Stats hub · overviewTab root
Stats
9:41
All time
Stats
148 runs
TrendsLoadBestsGoalsAlmanac
Lifetime
1 284 km
Runs
148
This year
612 km
Avg pace
5:06
This month
Goals · targetsStats
Goals
9:41
‹ Goals
Weekly mileage goal
Kilometres per week60% of goal
18.2 / 30 km
Streak goal
Consecutive daysStreak: 6 days
6 / 7 days — goal hit soon
Race targets
5 kmPB 22:14
Target 21:00 · −1:14 to go
10 kmNo PB yet
Tap to set a target time
Personal bests · recordsStats
Bests
9:41
‹ Bests
Fastest efforts
Fastest 1K
3:58
Fastest 5K
22:14
Fastest 10K
47:30
Half marathon
Needs a 21.1K
VO₂ max estimate
52.4 ml/kg/min
Jack Daniels VDOT from your best effort
Longest run
21.1 km
Longest streak
14 days
Achievements · badgesStats / You
Achievements
9:41
Achievements
17 of 32 unlocked
Distances
🥉
🥈
🏅
🏆
Milestones
🔥
💯
🌙
Streaks
3
7
14
30
You tab

Profile & settings

7 views
Profile hub · youTab root
You
9:41
The runner
You
VK
Viktor
148 runs · 1 284 km lifetime
Particulars
Age
34
Height
182 cm
Weight
74 kg
Setup
👟
Shoes
Heart rate monitor
🔊
Audio cues
🏅
Achievements
🗺
Offline maps
Backup & restore
Edit profileModal
Edit profile
9:41
‹ Edit profile
Age (years)
34
Height (cm)
182
Weight (kg)
74
Accent
VoltCoralCyan
Shoes · mileageModal
Shoes
9:41
‹ Shoes
Track mileage · retire at a limit
👟
Pegasus 40 daily · ACTIVE
412 / 800 km
👟
Vaporfly race
96 / 350 km
👟
Old Pegasus 38 · RETIRED
812 / 800 km
Heart rate · sensorModal
Heart rate
9:41
‹ Heart rate
Pair a Bluetooth chest strap or watch
Polar H10 · paired
58 bpm
Available sensors
Polar H10Connected · battery 84%
Disconnect
Wahoo TICKRPaired
Connect
Audio cues · voiceModal
Audio cues
9:41
‹ Run companion
Spoken updates while you run
Voice cues
SilentNo spoken cues
Per-kilometre splits“Three kilometres, pace 5:24.”
Milestones onlyHalfway, goal reached
Start and finish“Run started.” and “Run complete.”
Offline mapsModal
Offline maps
9:41
‹ Offline maps
Download tiles to run without signal
Downloaded
Home · Kreuzberg
42 MB · z10–16
Delete
Tiergarten loop
28 MB · z10–16
Delete
Backup & restoreModal
Backup
9:41
‹ Backup & restore
Export every run to a single file
Back up
Save a backup148 runs · last export 3 days ago
Restore
Restore from a backupReplaces current data
Current data
2.4 MB
148 runs · 12 shoes · settings
Sizes

Responsive — Expanded

tablet · foldable · landscape
nav rail + two-pane
Tablet — Expanded width · nav rail + side-by-side HistoryWindowSizeClass · Expanded
This week · 4 runs
History
34.7km+12%
8.04km
4:52 /km · 39:12
TODAY
5.21km
5:03 /km · 26:20
TUE
12.6km
5:18 /km · 1:06:51
SUN
Today · 09:41 · selected
Morning 8K
Saved
Dist
8.04
Time
39:12
Pace
4:52
Elev
168
Kcal
412
HR
154
Splits
1
4:58
2
4:51
3
4:46
System

Components

sticker sheet

Pills & status

LiveReadyPausedSaved

State carriers. Accent fill = live, now. Amber = held. Everything resting is greyscale.

Buttons

Primary is rationed to the one action that matters on a screen. Ghost for secondary, danger outline for stop / delete.

Progress & bars

WEEKLY GOAL18.2 / 30 KM

Accent glow only on the filled portion. Bars round 4–6px.

Stat & numerals

Time
24:08
Pace
4:52
Elev ↑
142m
Zone 3
152bpm
Cadence
178spm

JetBrains Mono, tabular numerals so figures never jump tick-to-tick.

Splits & zones

1
4:58
2
4:46
Z1Z2Z3Z4Z5

List rows & nav

👟
ShoesPegasus 40 daily

Four-tab bar (Compact) or left nav rail (Expanded), both with an animated accent indicator.

System

Foundations

palette · type · motion

Palette

Canvas — near-black#06080C
Panel — raised surface#0E131C
Accent — live / action#FF6A3D
Ink — primary text#EDF1F6
Dim — secondary#97A2B2
HR zones Z1–Z5scale

One near-black, one electric accent, everything else greyscale ink. The accent means live, now, go.

Typography

Display · Archivo 900
Begin a run
Numerals · JetBrains Mono
5.21 km
Body · Geist
Telemetry-grade legibility at a glance, mid-stride.
Label · Mono · tracked
PACE · ZONE · CADENCE

Motion & feel

  • Live ring breathes (2.4s) — the only persistent motion
  • Distance counts up on each GPS tick, never jumps
  • Route trace draws on as you run; head dot glows
  • Start / finish: one decisive accent flash + haptic
  • Tab change: 220ms fade with sliding accent indicator
  • Modals rise 280ms; everything else holds still
Prototype · click a highlighted control