Harvey Maxwell
← All work

Chip Away

Page 1: Cover
Page 2: Overview
Page 3: The problem
Page 4: The idea
Page 5: The mark
Page 6: Construction
Page 7: The icon in use
Page 8: Wordmark & lockups
Page 9: Typography
Page 10: Colour
Page 11: The block
Page 12: Moments
Page 13: The product
Page 14: Chip Away Plus
Page 15: Thanks for reading

01 / 15Cover

Year
2026
Role
Concept, product design, brand identity
Type
Self-initiated product
Platforms
Web, desktop and mobile
Status
Design complete

Chip Away started with a feeling I know well: a goal so big you can't see where to start, so you don't. Take a Minecraft world, with a castle, an iron farm, a mansion and hundreds of stacks of material behind them. The work isn't hard. Choosing where to begin is.

The idea borrows the most trusted rule in beginner coding. In Scratch, a block can hold other blocks. Chip Away gives your to-do list the same rule: drag a block into a block, and keep going until the step in front of you takes ten minutes. Every step gets an address like 1.2.3, finished work turns green, and you tick each level yourself.

I took the idea from a sketch to a working product with its own identity, designed around that one object, the block: the icon, wordmark, type, colour, the anatomy of a step, the small rewards for finishing one, and a pricing model.

Highlights

  • Icon built on a 32-unit grid, with wordmark and lockups
  • Colour, type and block system shared by brand and app
  • Rewards that scale, from a single tick to a finished goal
  • Working prototype, with a free plan and Plus at £4.99 a month

Try the prototype

This is the working prototype. Drag a block from the toolbox, tick a step, and finish a few in a row to hear the streak climb.

The product

One board on desktop, in light and dark, and the same blocks on a phone.

Chip Away on desktop: the Minecraft World board
The board, on the free plan
Chip Away Plus on desktop in the dark theme, two goals side by side
Plus, dark theme, two goals side by side
Chip Away on a phone: Your next tiny step
Your next tiny step
Chip Away on a phone: Nested steps on a phone
Nested steps on a phone
Chip Away on a phone: The Plus upgrade
The Plus upgrade

Colour

Bright blocks on a quiet canvas. Every colour has an edge shade, the darker lip along the bottom of each block. Nested steps cycle through the four depth colours so neighbouring levels never match.

Hat AmberGoals, the top block of every board#F2A31B · edge #C47C00
Done GreenAnything finished#2FB556 · edge #1F8F43
InkText, outlines and the dark theme#1E1A2C · edge #000000
CanvasThe dotted workspace#F1EFF7 · edge #D7D2E8
Step BlueDepth 1#5A7BF7 · edge #3C5AD4
Step VioletDepth 2#9A61EC · edge #7640C8
Step PinkDepth 3#E05A99 · edge #B83A76
Step TealDepth 4#1FA9BE · edge #148496