Sistema de diseño · prelanzamiento · v0.1.0-next.0
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.
<tanrei-button> tanrei.comp.button
- Web
- SwiftUI
- Jetpack Compose
- Flutter
- React Native
- plataformas
- 5
- componentes planificados
- 96
- con especificación
- 96
- contextos de tema × contraste
- 6
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.