Ian Bone
Senior Product Designer · Toronto, ON

Good designneeds goodbones.

I'm a product designer who builds what I design, so nothing gets lost between the idea and the thing that ships. From a design system at Apple to my own company end to end, I turn messy problems into systems a team can count on.

An illustration of Ian Bone at a desk, designing on a vintage computer beneath design-system posters
02 By the numbers
Clients
10
Roles held
4
Company founded
1
BONES components
56
03 About

Designer first,builder closebehind.

I've played a lot of positions over the years: art director, UX/UI lead, design-systems contributor, founder. The through line is always structure. I'm at my best when I can take a messy problem and turn it into a system that other people, and now AI, can keep building on without me in the room.

Design systemsProduct designUX/UIArt directionBrandFront end
Ian Bone, drawn as a manga portrait, smiling
  1. 01 · ThenArt director
  2. 02UX/UI lead
  3. 03Design systems
  4. 04 · NowFounder
04 Bones UI

One token file.Every page.

Every colour, type step, and grid measure on this site comes from one token file. A build step compiles that file into the CSS you’re reading, and the design-system page renders the same tokens as its own documentation, so the docs can’t drift from the site.

01 · Source

tokens.ts

c('pop',
  'The hue, once a page.',
  'lime.300')
02 · Build

build-tokens

$ npm run build:tokens
✓ 36 colours × 4
✓ contrast AA, every palette
03 · Output

tokens.css

--color-pop:
  #d0fe91;
--color-surface:
  #ffffff;
04 · Live

This page

Paper + ink
Try it — send a palette through the pipeline

Two tiers · nothing skips a tierOpen the BONES system ↗
05 Contact

Let’s buildsomething withgood bones.

Based in
Toronto, ON
Role
Senior Product Designer
© 2026 Ian BoneDrawn in BONES, this site’s own design system