Wordmark
Variante principal, fondo oscuro
Marca
Branding Kit uh!ive
Logotipos, colores, tipografías y normas de uso de la marca uh!ive, reunidos en un solo lugar. Todo lo necesario para representar la marca correctamente, dentro y fuera de la empresa.
Logotipo
El logotipo y sus variantes
Cuatro formas oficiales cubren todos los usos. El wordmark para contextos amplios, la bubble para formatos pequeños y avatares. Respete las proporciones y no recoloree nunca fuera de la paleta.
Wordmark + claim
Comunicaciones oficiales
Bubble
Formatos pequeños, favicon, avatar
Wordmark invertido
Para fondos claros
Área de protección
Wordmark: 1x la altura de la h alrededor. Bubble: 0,25x el diámetro. Ningún elemento entra en esa zona.
Tamaños mínimos
Wordmark con tagline: 140px en pantalla, 35mm en impresión. Sin tagline: 80px, 20mm. Por debajo, use la bubble.
Colores permitidos
Primary blanco sobre fondo oscuro. Inverted Blueprint 500 sobre fondo claro. Bubble siempre en Glacier 500. Los cianes de los logotipos de producto se quedan en los logotipos, nunca en la interfaz.
Qué hacer
- Utilizar los archivos fuente oficiales
- Conservar las proporciones (escalado uniforme)
- Respetar el área de protección
- Añadir el símbolo en los soportes oficiales
Qué no hacer nunca
- Deformar, inclinar o girar
- Recolorear fuera de la paleta o añadir un efecto
- Separar el signo de exclamación de la i
- Colocar el logotipo sobre un fondo de bajo contraste
Colores
Paleta oficial
Siete familias, diez tonos cada una, de 50 a 900. Las variables son la fuente de verdad: Glacier para el acento, Blueprint para la estructura, Obsidian para las superficies.
El clic copia
Glacier
Acento distintivo, color interactivoBlueprint
Estructura, profundidad, fondosObsidian
Neutros oscuros, código, superficiesPremium
Violeta IA, funciones avanzadasSuccess
Estado positivo, validaciónWarning
Error, alerta críticaAttention
Vigilancia, información a señalarAccesibilidad: los tonos 400 y 500 nunca se usan como texto sobre fondo claro (contraste insuficiente), salvo Blueprint 400 y 500, que llevan el texto del tema claro. Sobre el fondo oscuro de referencia, prefiera los tonos 200 a 400; Blueprint 300, Blueprint 400 y Warning 500 nunca llevan texto sobre él. No transmita nunca una información solo mediante el color.
Tema claro, v2.5.0: para presentaciones y comunicación; el sitio permanece oscuro. Wordmark Blueprint 500, nunca Glacier 500 para texto. Sus tokens y sus nueve degradados están en el archivo JSON de Recursos.
Tipografía
Tres familias, un sistema
Montserrat sostiene los títulos del sitio y de la comunicación web. Inter sostiene la interfaz, el cuerpo de texto y la webapp. JetBrains Mono sirve el código, los datos y la API.
Aa
Inter
Interfaz, cuerpo de texto, webapp
400 / 500 / 600 / 700 / 800
Google FontsAa
Montserrat
Títulos del sitio y de la web, impresión
500 / 600 / 700 / 800
Google FontsAa
JetBrains Mono
Código, datos, API
400 / 500
Google FontsEscala de texto
| Token | Tamaño | Interlineado | Grosor |
|---|---|---|---|
| Display | 72px | 1.05 | 800 |
| H1 | 56px | 1.1 | 700 |
| H2 | 40px | 1.15 | 700 |
| H3 | 28px | 1.25 | 600 |
| H4 | 22px | 1.3 | 600 |
| H5 | 18px | 1.4 | 600 |
| H6 | 15px | 1.5 | 600 |
| Lg | 18px | 1.6 | 400 |
| Base | 16px | 1.6 | 400 |
| Sm | 14px | 1.5 | 400 |
| Xs | 13px | 1.5 | 400 |
| 2xs | 11px | 1.4 | 600 |
Iconografía
Iconos
El sistema se apoya en la base Lucide, trazos coherentes, nunca texto en imagen. Tres tamaños de referencia según el contexto.
16px
Texto corriente, etiquetas
20px
Botones, campos
24px
Navegación, tarjetas
Colores semánticos alineados con la paleta: Glacier para lo interactivo, Blueprint para lo neutro, semánticos para los estados. Área clicable mínima de 44x44px.
Descargas
Recursos
Todo el material de marca, listo para usar.
¿Dudas sobre un uso?
La marca uh!ive es un activo protegido. Para cualquier uso fuera de los casos aquí cubiertos, co-branding, material de prensa o petición específica, contacte con el equipo. Vea también nuestra experiencia.