Diseño lo que shippeo.

Mi foco es la ingeniería de producto, pero también diseño los productos: defino la dirección visual y un design system real en Claude Design, y después lo reconstruyo en este mismo codebase (Next.js 16, Tailwind v4) y lo shippeo. Lo difícil nunca fue el mockup; es hacer que aguante un codebase de verdad.

Design systems

Cada producto corre sobre un sistema real que armé en Claude Design y después shippeé en código. Abrí uno para verlo entero: tokens, tipografía y componentes.

hiring-radar

Sistema mission-control para un radar de búsqueda laboral: fósforo sobre casi-negro, denso en datos, numéricos en mono.

Ver el sistema

ledgerbridge

Sistema developer-grade para un motor de sync: oscuro, oklch, un solo hue primario, y un vocabulario de estados fijo que se mantiene canónico bajo densidad de datos.

Ver el sistema

settle

Sistema denso en plata para un producto de bill-pay: claro, calmo, la claridad por encima del brillo cuando hay dólares en juego.

Ver el sistema

Nico Mastakas

El sistema detrás de este sitio: seis colores, un acento, una escala de 4px. Portado token por token al CSS que estás leyendo.

Ver el sistema