Ficha
- Categoría
- Brand
- Nivel
- átomo
- Estado
- en revisión
- Radix
- no
- Actualizado
- 2026-10-26
- Figma
- 392:6608
- Fuente
design-system/componentes/Logo.md
Logo completo de Aithu (vector del PDF del cliente) en tres variantes que en Figma son tres componentes: color (navy + burgundy fijos, base/logo/*), mono (todo navy) y negativo (blanco).
Cuándo usarlo
- color: acceso, bienvenida y pequeño en el rail (DV-07).
- mono: documentos, correos y superficies claras donde el color compite con el contenido.
- negativo: cabeceras oscuras, panel de marca de Acceso split, piezas sobre foto.
Cuándo NO usarlo
- Dentro del contenido de la app → IsotipoCoach.
Anatomía
<svg viewBox="0 0 802 399"> con 15 trazos (10 burgundy + 5 navy) de componentes/logo.generado.ts; el ancho lo da className (2:1).
Props
| Prop | Figma | Valores | Por defecto |
|---|---|---|---|
variant | tres componentes (color · mono · negativo) | color · mono · negativo | color |
decorative | — | boolean | false |
className | — | ancho: w-14 (rail, 56) · w-30 (acceso, 120) | — |
Estados
Sin estados.
Accesibilidad
- role=img con nombre «Aithu»; decorativo con
decorative(en el rail el título de la página ya nombra la app).
Contenido
Nunca tres logos a la vez (DV-09); el del banco aparece solo cuando el banco es conocido.
Errores conocidos
- Ninguno medido.
Changelog
- 2026-10-26 · nace (T-02).