My work.

Morph

Directing the creative vision behind Morph, Bitget's global payment platform.

Creative Direction Content Brand Design
Read more

Warner Records & Bose

Bringing Warner Records and Bose into Web3 with a generative music and art NFT collection of 5,000 animated 3D toys.

Creative Direction Web3 3D Motion
Read more

Bitget Wallet

Campaign and motion work for Bitget Wallet Predictions — a high-energy product launch across web and social.

Campaign Motion
Read more

Kapsule

Designed and built a full music ecosystem driven by listener behavior and AI-powered creator tools, with onchain systems ensuring transparency and fairness.

Product Brand UI/UX
Read more

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 DIRECTOR ROLES

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