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 800 sobre fondo claro. Bubble siempre en Glacier 500.
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). Sobre el fondo oscuro de referencia, prefiera los tonos 200 a 400. No transmita nunca una información solo mediante el color.
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.