MOBILE APP · CONCEPT · 2026

Under Score reads the book you're on and scores it.

A playlist that follows the story's mood and pacing instead of its genre shelf. Design system, icon set and a full click-through prototype.

Try the prototype → See the screens
ROLEProduct design, design system, prototype
PLATFORMiOS, Android — light and dark themes
SIGNATUREMood gradients stand in for artwork
DELIVERED12 screens, 16 app icons, token set
IDENTITY

The wordmark, and the wave under it

Two weights of the same rounded face — a clean "under" over a textured "score" — with a soundwave rule that doubles as the app icon mark and the loading state.

Under Score logo lockup
PALETTE

Six moods, six gradients

Every playlist inherits the gradient of the mood it was scored to. No cover art, no stock photography — the colour is the artwork.

{{ m.name }} {{ m.stops }}
SCREENS

From splash to playlist in four taps

Scoring The model works through the blurb, the mood and the pacing — each step ticks off as it lands.
How it works Three beats of explanation before any account talk — read, score, listen.
Search Title or author, filtered live. Covers stay off; the mood gradient identifies each book.
Mood picker The model reads the book first and pre-fills chips. Editing them retunes the sentence and the gradient underneath.
Playlist result Gradient artwork, the reasoning in one line, and a push to Spotify or Apple Music.
Library Past scores as a gradient grid — the shelf you can see across the room.
APP ICON

Pick the icon that matches your shelf

The same wave over eight gradients, drawn for both themes — chosen from the profile screen and shipped as iOS alternates and Android adaptive layers.

hero dark app iconhero · dark
hero light app iconhero · light
glow dark app iconglow · dark
glow light app iconglow · light
hopeful dark app iconhopeful · dark
hopeful light app iconhopeful · light
cozy dark app iconcozy · dark
cozy light app iconcozy · light
melancholy dark app iconmelancholy · dark
melancholy light app iconmelancholy · light
dreamy dark app icondreamy · dark
dreamy light app icondreamy · light
tense dark app icontense · dark
tense light app icontense · light
nostalgic dark app iconnostalgic · dark
nostalgic light app iconnostalgic · light
PROTOTYPE

Everything below is live

Search filters, mood chips retune the sentence and the gradient, generation runs its staged states, the player ticks, and the theme switch flips the whole app to the cream light theme. Jump to any screen from the rail.

UNDER SCORE · A SOUNDTRACK TO ALL YOUR STORIES