Joey Tadiar OPEN TO CREATIVE DIRECTOR ROLES

Journal.

Running, writing, films, art and things that inspire me.

Road Gone Gold
Hobbies
  • Oil Painting
  • Collecting Pokemon Cards
  • Boxing & Running
  • Vibecoding Apps
  • Drawing and Illustration
  • Watching movies
Interests
  • Technology
  • Crypto
  • Film & TV
  • Theatre
  • Cars
  • War history
  • Anime
Clocking Off
Published my children's book
Published my children's book
Deep in the rave
Deep in the rave
Ibiza season
Ibiza season
Remo's World
Remo's World
Remo's World
Remo's World

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