Unozero
ChatbookEsmeraldaAtardecerOcéanoRosaBillia

El sistema con el que se construyen los productos de Unozero

Tokens de marca, reglas con nombre y 70 componentes de React que pintan igual en Chatbook, en Billia y en lo que venga. Esta página está hecha con ellos: el panel de reservas que la acompaña no es una captura, y responde.

Empezar Ver los componentes
pnpm add @unozero-ai/ui @unozero-ai/design-tokens

Reservas

Crear reserva

  • Marta Ocampo

    Suite 301 · 3 noches

    Confirmada

  • Jorge Restrepo

    Doble 118 · 1 noches

    Pendiente

  • Lucía Herrera

    Junior 204 · 5 noches

    Confirmada

  • Andrés Gil

    Doble 120 · 2 noches

    Cancelada

Cambia la marca del cliente y mira cómo responde todo:

Dos paquetes, una sola fuente

Los tokens viajan a todo, landings incluidas. Los componentes, a las apps de trabajo hechas con React y Next.

@unozero-ai/design-tokens

Color de marca y semántico en claro y oscuro, tipografía, radios, sombras, movimiento, densidad y marca blanca, como variables CSS y utilidades de Tailwind v4. Sin componentes.

@import "@unozero-ai/design-tokens/tokens.css";
@import "@unozero-ai/design-tokens/base.css";

@unozero-ai/ui

Los 70 componentes para React y Next, con sus props tipadas y sus estilos dentro (shadow DOM). No declaran ni un color.

import { Button, Modal } from "@unozero-ai/ui/react";

Las reglas que lo sostienen

El sistema se parece a sí mismo en cualquier producto porque estas reglas no se negocian pantalla a pantalla.

La Regla de una Sola Decisión
Una pantalla en reposo tiene como máximo un elemento con relleno de color: la acción que toca. Si hay dos, uno no era primario.
La Regla del Tenant
Ningún significado descansa en el azul: cada cliente puede reescribir la marca. Lo cargan la forma, la posición y la palabra.
La Regla del O Uno o el Otro
Elevado lleva sombra sin borde; plano, borde sin sombra. Nunca las dos en la misma superficie.
La Regla del Radio Apretado
De 4 a 14 px y nada más. La esquina blanda lee como plantilla; se tensa en los tokens, no componente a componente.

Los componentes

Ver todos →

Acciones 5

Formularios 17

Datos 7

Estado y avisos 11

Superpuestos 6

Navegación 5

Conversación 6

Utilidades 1