Color

Warm darks for surfaces, a cream ink, and three colors that each have one job: amber for the one thing to act on, teal for what is live, red for what went wrong.

Type

Three families. One for headings, one for reading, one for numbers and labels.

Components

The same parts every project gets. These are the real ones, not pictures of them.

Light and dark

Every color is a named token with a dark and a light value, so a whole product changes theme in one switch. Try it on this page.

The moving background

The lines behind every page are drawn on one canvas. They drift like tape in the wind, go calm under text and bend around the pointer. Move over the panel, or change the settings.

Color

Oscuros cálidos para las superficies, una tinta crema y tres colores con un solo trabajo cada uno: ámbar para lo único que pide acción, turquesa para lo que está en vivo, rojo para lo que salió mal.

Tipografía

Tres familias. Una para títulos, una para leer, una para números y etiquetas.

Componentes

Las mismas piezas que recibe cada proyecto. Estas son las reales, no imágenes.

Claro y oscuro

Cada color es un token con nombre y con un valor oscuro y uno claro, así un producto entero cambia de tema con un interruptor. Pruébalo en esta página.

El fondo en movimiento

Las líneas detrás de cada página se dibujan en un solo canvas. Se mueven como cinta con el viento, se calman bajo el texto y se doblan alrededor del puntero. Pasa por encima del panel, o cambia los ajustes.