Ultimate · brand board

The mark, decided — in its settings

Four pills climbing like stepping stones — the shipped motif, re-cut flat and bolder (pill height 12→15, no pill below a ~1.9:1 dash, so nothing goes "dot dot dot" at Spotlight size). Tangerine carries the store; ink-and-paper carries the app. SVG sources in ./logo/.

Picked

The store icon

Full-bleed square — iOS and the Play Store mask their own corners. The one surface where the brand competes with other apps instead of its own content, so it alone is loudly orange.

60
40
29
20

One mark, three appearances (iOS)

iOS renders app icons in light, dark and tinted modes — the carbon candidate wasn't discarded, it's the dark appearance: the newest pill stays on air.

Light

The default — brand tangerine, paper pills.

Dark

Carbon field, one pill lit — the 24h window survives dark mode.

Tinted

Mono glyph on the system's tint — the shape alone carries it.

On the home screen

Dark and light wallpaper, 60 px, among neighbors — plus the Android shapes: adaptive masks crop to circles and squircles, and Android's themed mode redraws the glyph mono on the wallpaper's tint.

Weather
Stepo
Notes
Stepo · dark
Banking
Music
Weather
Stepo
circle mask
square mask
themed
Notes

In the system

Where the icon works hardest: a push banner and a Spotlight row.

Notification
Steponow
Maya's final step is on air — 5h left to become a Celebrator.
Spotlight
StepoOpen
Stepodark mode

In the app

Orange never enters the chrome: the top bar carries the ink-and-paper mini mark, and the same pills are the Feed tab's glyph in currentColor — lit on Feed, quiet elsewhere.

Stepo
Feed
Search
Step
Activity
Profile

Splash

Brand splash for launch; carbon splash seeds the dark theme.

Stepo
Every step deserves someone cheering
Stepo
Dark theme seed

How we got here

A · the shipped iconright motif, soft cut — pills went
"dot" at small sizes
D · the placeholder zigzagoriginal but generic —
retired from every screen
Before the stores: run a trademark / app-store clearance on the re-cut mark (low risk — it's the shipped motif — but confirm), and generate the PNG ladders from logo/stepo-icon-store.svg, not by scaling the old asset: the bolder cut is the whole point at 29 px. Android ships logo/stepo-icon-android-foreground.svg as the adaptive foreground with a solid tangerine background layer; the mono glyph doubles as the themed-icon layer.