iconwerk. A near-invisible white room where rounded tiles of work hang in rhythmic rows.
- Design tools
- Light theme
- 5 colors
- 2 typefaces
Iconwerk is a gallery wall for a custom icon studio — a near-monochrome light canvas where rounded-square tiles showcase work at a deliberate, generous rhythm. The interface recedes: black-and-white chrome, Arial system text for body copy, Graphik for display headings, and a single 28px card radius that becomes the system's signature shape. Real color lives only inside the portfolio tiles themselves — red product shots, orange illustrated figures, blue tech icons, green aerial photography — so the UI never competes with the work. The overall feel is a curated museum: quiet surroundings, loud objects, zero decorative noise.

iconwerk design system
Neutrals5
Primary headings, body text, and icon fills on light surfaces. Do not promote it to the primary CTA color
Dark card tile background variant (near-black) — deeper than Ink, used when a tile needs a subtly softer dark than pure black
Pill-shaped navigation markers, muted icon strokes, secondary UI chrome
Light card tile backgrounds, secondary surface for showcased work, subtle UI dividers
Page background, text on dark tiles, inverse surfaces — the canvas everything sits on
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Ink
21.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











