Componentes UI
Esta página recoge los elementos visuales fundamentales de la identidad de marca: paleta de colores, tipografía, componentes UI y directrices de estilo. Su objetivo es garantizar coherencia, legibilidad y una experiencia visual clara y armoniosa en todo el proyecto web.
Botón primario
Section titled “Botón primario”- Color de fondo:
#CC2B5E
(frambuesa) - Texto: blanco (
#FFFFFF
) - Bordes: rectos o ligeramente redondeados
- Tamaño: mediano, alineado al centro o a la izquierda según el contexto
Tarjetas de blog
Section titled “Tarjetas de blog”- Encabezado: con la tipografía Cardo
- Contenido: cuerpo de texto y enlaces bien espaciados para una lectura cómoda
- Interacción (hover): subrayado o cambio sutil de tono en los enlaces
Ilustraciones
Section titled “Ilustraciones”- Estilo: dibujo a lápiz en escala de grises
- Colores: tonos suaves, integrados sobre fondo blanco
- Función: reforzar un tono cercano, creativo y humano
Navegación
Section titled “Navegación”- Menú superior: simple y textual
- Enlaces: claros, sin subrayado por defecto
- Alineación: a la derecha o centrado