Ciruela y frambuesa.
Toda la app vive sobre el degradado del logo: texto blanco cálido, vidrio para contener y botones blancos con letras oscuras.
01
Principios
Las reglas que mantienen la interfaz limpia.
El degradado es el lienzo
Toda la app vive sobre el degradado del logo, de ciruela a frambuesa. Nada de fondos planos ni otros colores.
Blanco para actuar
La acción principal es un botón blanco con letras oscuras. Como es lo único sólido, siempre se encuentra a la primera.
Vidrio para contener
Tarjetas, listas y campos son vidrio blanco translúcido, sin bordes. Dejan ver el degradado y no hacen ruido.
Texto blanco, jerarquía por tamaño
Plus Jakarta Sans en Bold para titulares y Regular para leer, siempre en blanco cálido.
Cupi con halo
La mascota lleva un halo blanco suave para leerse sobre cualquier zona del degradado.
Centrado y con aire
Como en la llamada final: Cupi, un titular, una frase y un botón. Lo demás sobra.
02
Logo
Llama de pasión con forma de burbuja de chat y los tres puntos de escribiendo. De su degradado nace toda la paleta.
03
Color
El degradado es el lienzo; el blanco, la acción. Todo lo demás es blanco con transparencia.
Degradado del logo
#350D36 → #D62462 · 135° · el fondo de toda la app
04
Tipografía
Plus Jakarta Sans: firme en titulares y limpia en el texto. La jerarquía la dan el tamaño y el aire.
Menos dudas.
Titular de página · Bold
Título de sección · SemiBold
Texto de lectura · Regular. Cupi habla como un amigo que sabe de citas: directo, cálido y con humor.
Texto de apoyo · Regular tenue
05
Cupi
La silueta del logo hecha personaje. Cada estado tiene su cara, su ritmo de alas y su accesorio.
Tranquilo
Estado base
Saludo
Bienvenida y acceso
Pensando
Mientras la IA razona
Escribiendo
Generando respuestas
Analizando
Modo Conquista
Apuntando
Nueva conquista, ruta
Feliz
Acción completada
Enamorado
Química alta
Celebración
Nivel y logros
Guiño
Sugerencias coquetas
Con estilo
Plan activo, progreso
Tímido
Escribiendo la contraseña
Sorpresa
Errores
Triste
Sin créditos, cancelar
Dormido
Estados vacíos
Frambuesa
Por defecto · Plan Básico
Nube
Brilla sobre el degradado
Ciruela
Plan Estándar
Dorado
Plan Premium
06
Componentes
Pocos, consistentes y siempre con la misma lógica de color.
Tarjeta de vidrio · uso general
Bloque destacado · vidrio un poco más claro
un caso que te hace reír, eso cuenta como punto a mi favor
Le devuelve la broma y mantiene la tensión ligera.