Nunito
tribubot
Títulos y el nombre en la interfaz.
Pesos 600, 700 y 800.
Marca
De aquí salen el sitio y la aplicación.
Logo, colores y tipos. El home público, el ingreso y las pantallas de TribuBot usan estos mismos valores.
Logo
El archivo oficial no se redibuja. En claro, tribu va en azul y bot en rojo. Sobre azul, el conjunto va en blanco y se conservan los botones rojos.
- Dejá aire alrededor: al menos la altura de la antena.
- No lo estires, no le cambies los colores y no le pongas sombra.
- En texto se escribe TribuBot. El logo va en minúsculas.
- En la aplicación, el isotipo va junto al nombre: tribubot.
Colores
- Azul
#002B7F
Color principal. Títulos, enlaces y botones de la aplicación.
- Azul oscuro
#001F5C
Hover del azul.
- Rojo
#CE1126
Acento. El botón Comenzar, la palabra bot y los avisos.
- Rojo oscuro
#A30E1E
Hover del rojo.
- Tinta
#0B1733
Texto.
- Papel
#F4F7FB
Fondo de la página.
- Arena
#E6EEF8
Fondos suaves y pestaña activa.
- Línea
#D5DEEC
Bordes.
- Blanco
#FFFFFF
Tarjetas.
En el código, pine apunta al azul y clay al rojo, para que las pantallas que ya existían sigan la marca.
Tipos
Source Sans 3
Texto de párrafos, formularios y botones. Claro, en voseo, sin adornos.
La aplicación y el sitio comparten esta fuente para leer.
Botones
ComenzarContactar con ventasIniciar sesión
Sitio público. Comenzar es el único botón rojo. Lleva al registro.
ComenzarContactar con ventas
GuardarCancelar
Aplicación. El botón principal es azul, con esquinas de 12 px. El rojo queda para avisos.
Forma
Píldora · botones del sitio
12 px · botones de la app
24 px · tarjetas
Voz
- Voseo: creá, conectá, aprobá, escribinos.
- Frases cortas. Una idea por oración.
- Colones con ₡. No se inventan montos ni tarifas.
- TribuBot es esta herramienta. TRIBU-CR es la de Hacienda.