Skip to content
Library

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.

Screenshot of iconwerk
Captured from iconwerk.com on October 11, 2026

iconwerk design system

iconwerk

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.