Role
Founder, Designer & Builder
Company
Kapsule
Timeline
Jun 2025–Present
Platforms
iOS
Team
Solo
Tools
Figma, Cursor, Xcode, Supabase, AI tools

The brief

Music discovery often starts with popularity rather than the music itself. I wanted to change that.

Kapsule puts listening first, with blind discovery, listener-driven charts and ways for fans to support artists directly. The challenge was to create a distinctive brand and build an intuitive platform across iOS and web, taking the idea from initial concept to a working product.

A listener with curly hair and black headphones, eyes closed, on red

Own your sound.

The workAn app, the AI tools and the brand. One person.

Brand identity

Red, black and white. Simple enough to carry a play button and a splash screen.

  • Red #FF383A
  • Black #0F0F0F
  • White #FFFFFF
  • Grey #E8E8E8
Kapsule brand elements: logo, buttons and colours
Brand system
Kapsule splash screen on a phone
Splash screen

Brand in practice

The brand out in the world, for the listeners it is built for. Concept visuals, not a live campaign.

Three friends walk past a black Kapsule billboard at dusk. It reads Own your sound, with glowing capsules joined by red cables.
Billboard
Red Kapsule post: Own your sound, over a listener in a basketball jersey with headphones, eyes closed
White Kapsule post: Your gateway to undiscovered music, over a listener with a wolf cut and wired earbuds
Black Kapsule post: Listen, swipe, unlock, over a listener with twists and white headphones
A listener with a bleached buzz cut and headphones sits on a bed with a MacBook showing the Kapsule website
The website

The app

Sound-first discovery. Artists get a link in bio, fans buy and support tracks directly.

Promo film
Kapsule on the web: Discover, with an artist spotlight and the number one on the charts
Discover, on the web
Kapsule on the web: Hype, a grid of trending artists
Hype, trending artists
Kapsule blind listen: a track plays with no name or artist, with skip, pause and like
Blind listen
Kapsule iOS app: Discover, with Charts, Fresh and For You
Discover, on iOS
Kapsule iOS app: an artist page with tracks to play or buy for £1.99
Artist page, on iOS
Kapsule player screen on a phone
The player
Kapsule charts screen with ranked tracks
Charts, ranked by listening

Kapsule Studio

AI tools for artists. Vocals, images and video, in one place.

Kapsule Studio music AI interface
Kapsule Studio

My partEvery surface. One person.

  • Founder and solo builder across every product surface
  • Brand identity. Logo, type, visual language and layouts
  • Design and build of the iOS app in SwiftUI
  • Kapsule Studio. AI vocal, image and video tools
  • The scoring that turns listening into chart rank
  • Onboarding for listeners and artists
  • Social content, launch assets and announcements

Results

Designed independently. Built with AI-assisted development, across iOS and web.

My work

90 days

Concept to public launch

Outcome

25K

Waitlist sign-ups

White Kapsule headphones with the split-capsule mark, edged in glowing red

My work

60 days

Concept to beta

Outcome

5K

Monthly active users

Outcome

30K+ hours

Music listened to since launch

Design system · joeytadiar.com

Colour

Colour.

Palette balanced 60 · 20 · 15 · 5 · background, container, text, accent.

60%

Background

#F4F5F8

20%

Container

#FFFFFF

15%

Text

#182131

5%

Accent

#FF383A

Secondary #5B6472
Rule #DDE1E8
Dark #10161F

Typography.

Satoshi for display and body. JetBrains Mono for labels and metadata.

Display

Satoshi Medium · 500

clamp 48–96

The quick brown fox jumps over the lazy dog

Body

Satoshi Regular · 400

18px

The quick brown fox jumps over the lazy dog

0123456789

Labels

JetBrains Mono · 500

13px · 0.08em

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

Components.

Core UI patterns, tool pills, corner radii and the spacing scale.

Buttons & status

Get in touch See my work About me OPEN TO CREATIVE OPPORTUNITIES

Radius & spacing

16
24
pill
4
8
16
24
32
48

Pills · default

  • Claude
  • Figma
  • Premiere Pro
  • Cursor
  • ChatGPT

Pills · hover

  • Claude
  • Figma
  • Premiere Pro
  • Cursor
  • ChatGPT