---
title: "Un sistema. Cinco plataformas."
description: "Tanrei es un sistema de diseño de código abierto que lleva los mismos tokens, los mismos componentes y el mismo contrato de accesibilidad a la web, iOS, Android, Flutter y React Native, a cada una con su estilo propio."
url: "https://tanrei.chnotchy.com/es/"
last_updated: 2026-10-17T15:47:59.000Z
---

# Un sistema. Cinco plataformas.

> Tanrei es un sistema de diseño de código abierto que lleva los mismos tokens, los mismos componentes y el mismo contrato de accesibilidad a la web, iOS, Android, Flutter y React Native, a cada una con su estilo propio.

- Web
- SwiftUI
- Jetpack Compose
- Flutter
- React Native

- **plataformas**: 5
- **componentes planificados**: 96
- **con especificación**: 96
- **contextos de tema × contraste**: 6

## Hecho para mantenerse sincronizado

### Dos fuentes de verdad

Los tokens de diseño y las especificaciones de los componentes son los únicos contratos escritos a mano. El código de las plataformas, esta documentación y la matriz de estado se derivan de ellos, y la CI falla cuando se desvían.

### Paridad, no uniformidad

Cada plataforma recibe los mismos tokens, los mismos estados y la misma semántica de accesibilidad, pero conserva la forma de su propia API: `enabled` en Compose, un `onPressed` nulo en Flutter, `.disabled(_:)` en SwiftUI.

### Una estructura probada

Tokens de referencia, de sistema y de componente; roles de color; una escala tipográfica; paletas tonales generadas por tema y por nivel de contraste. Su aspecto es contenido, casi monocromo.

### Accesible por construcción

Los pares de contraste se comprueban para cada tema y cada nivel de contraste durante la compilación. El tamaño visual nunca decide el área de pulsación, y el anillo de foco forma parte de toda especificación interactiva.

## Adónde ir después

- [Primeros pasos](https://tanrei.chnotchy.com/es/getting-started/): Instala y usa Tanrei en tu plataforma.
- [Fundamentos](https://tanrei.chnotchy.com/es/foundations/brand/): Marca, tokens, color, tipografía, forma, elevación, movimiento y accesibilidad.
- [Estado](https://tanrei.chnotchy.com/es/status/): Qué existe hoy en cada plataforma, generado a partir del repositorio.
- [Cómo se construye Tanrei](https://tanrei.chnotchy.com/es/project/how-tanrei-is-built/): El flujo de trabajo con la especificación primero, que mantiene fieles a la realidad a cinco plataformas.