usLet’s talk

Product design · Iconography

Tiny
Giants

A product’s entire personality, resolved at twenty-four pixels.

A tech brand had shipped dozens of features and no shared visual language. We built a custom icon system and a set of core product graphics — one geometry, one gradient logic, one voice.

Custom product iconsCore product graphicsSystem designArt directionUNDOTS studioCustom product iconsCore product graphicsSystem designArt directionUNDOTS studio
Client
Tech product brand
Scope
Icon system · Core graphics
Role
Art direction · Illustration
Year
2025

Eighty features.
One voice.

01

One geometry

Every mark is cut from the same grid, the same corner radius, the same optical weight. Difference lives in idea, never in construction.

02

One light source

A single gradient logic runs through the set — warm core, cooling edge — so eighty icons read as one family from across the room.

03

Legible at 24px

Drawn large, judged small. If the silhouette fails in a sidebar at a glance, the drawing goes back on the board.

The set

Six of eighty
Next Page — page break control
Next Page — page break control01 / Feature mark
Core product mark, gradient build
Core product mark, gradient build02 / Core graphic
Layout and grid module
Layout and grid module03 / Module
Feature set, arranged as a system
Feature set, arranged as a system04 / System
Motion and loading states
Motion and loading states05 / States
Ajax Load More Pro — Pro tier lockup
Ajax Load More Pro — Pro tier lockup06 / Pro tier

Up close

Craft at 400%
The Pro crown — detail crop260% zoom
The Pro crown — full artwork

Detail 01

The Pro crown

A single warm mark carries the whole Pro tier. Drawn on the same 24-grid as the base set, then weighted up a hair so it holds its own against the badge beside it.

Gradient logic — detail crop220% zoom
Gradient logic — full artwork

Detail 02

Gradient logic

Two stops, never three. The core stays warm, the edge cools by a fixed step — the same recipe repeated across eighty marks so the family never drifts.

Corner discipline — detail crop280% zoom
Corner discipline — full artwork

Detail 03

Corner discipline

Every radius is a multiple of the base unit. Up close it reads as craft; at sidebar size it reads as one confident, unbroken system.

Let’s talk

UNDOTS® Studio — strategy-led brand design and creative direction. Clarity, consistency, and impact in every engagement.