Marca · v2026.10
Sistema de identidad
La referencia única para aplicar la marca Nuuptech en documentos, aplicaciones, presentaciones e impresos. Todo lo que ves aquí se descarga, y todo lo que se descarga sale de los vectores oficiales.
Para código e IA: marca.md tokens.css tokens.json
Logotipo
Nuup significa «unir» en maya; tech, tecnología. El símbolo es una serpiente emplumada low-poly trazada sobre la proporción áurea: une la raíz mesoamericana con la ingeniería.
Área de respeto
Alrededor del imagotipo horizontal deja libre la mitad de la altura del símbolo; en el vertical, un cuarto. Ningún texto, borde ni otra marca entra en esa zona.
½ S ½ S
Tamaño mínimo
| Versión | Pantalla | Impreso |
|---|---|---|
| Horizontal | 120 px | 30 mm |
| Vertical | 72 px | 18 mm |
| Símbolo | 24 px | 6 mm |
Por debajo de estos tamaños, usa el símbolo solo o el logotipo sin lema.
El logo nunca ocupa más del 75 % del soporte, ni menos del 15 % cuando es el protagonista de la pieza.
Usos incorrectos
-
Incorrecto: Reescribir el nombre con otra tipografía
-
Incorrecto: Estirar, comprimir o inclinar
-
Incorrecto: Recolorear el símbolo fuera de las versiones oficiales
-
Incorrecto: Colocarlo sobre fotos o fondos que compitan
-
Incorrecto: Añadir sombras, contornos, brillos o 3D
-
Incorrecto: Reordenar símbolo y nombre o cambiar su proporción
Junto a otras marcas
Cuando un proyecto involucra hasta dos marcas aliadas, todas se alinean a la misma altura dentro del «paréntesis de marca»: dos líneas verticales rojas que abren y cierran el conjunto. Fuera de esos casos Nuuptech aparece sola. Respeta siempre las guías de cada aliado.
Color
El rojo es acento, no fondo: ocupa menos del 8 % de cualquier pieza. La jerarquía se construye con tipografía y espacio; el rojo señala lo único que importa.
En pantalla
Rojo Nuup
Botones, enlaces activos, foco, acentos
Grafito
Fondo del tema oscuro
Negro institucional
Logotipo y texto sobre claro
Blanco
Fondo de documentos e impresos
En impresión
Tintas del Manual de Identidad 2019. Pide Pantone para tinta directa; usa CMYK en selección de color (offset o digital).
Rojo 173
Tinta principal de impresos
- Pantone
- 173 C
- CMYK
- 8 91 95 1
- RGB
- 216 49 28
Rojo 7579
Plastas y acentos luminosos
- Pantone
- 7579 C
- CMYK
- 0 87 87 0
- RGB
- 231 59 40
Rojo 7621
Sombras, texto rojo sobre papel
- Pantone
- 7621 C
- CMYK
- 21 100 92 15
- RGB
- 174 24 31
Negro
Logotipo y texto
- Pantone
- Neutral Black C
- CMYK
- 0 0 0 100
- RGB
- 35 31 32
Rojos del símbolo
Los seis tonos de las facetas del símbolo. Solo para ilustración low-poly derivada de él — nunca como colores de interfaz.
Contraste comprobado (WCAG)
| Blanco sobre #D81F26 | 5.1 : 1 | Botón principal (oscuro) |
|---|---|---|
| Blanco sobre #C4151C | 6.0 : 1 | Botón principal (claro) |
| #AE181F sobre blanco | 7.1 : 1 | Texto rojo en documentos |
| #FF3B41 sobre grafito | 5.6 : 1 | Texto rojo en tema oscuro |
| #E8232B sobre blanco | 4.46 : 1 | Solo texto grande e iconos |
Tipografía
Una familia para todo lo que no es el logo: Geist para leer, Geist Mono para datos. Ambas son libres (SIL OFL) y se instalan sin costo.
Geist
Texto, títulos e interfaz
Uniendo tecnologías
Nuup significa «unir» en maya; tech, tecnología. El símbolo es una serpiente emplumada low-poly trazada sobre la proporción áurea: une la raíz mesoamericana con la ingeniería.
Pesos 400 · 500 · 600 — 700 solo en títulos grandes
Geist Mono
Cifras, etiquetas, folios y código
RFC NUU140207K61 · v2026.10 · 0123456789
En etiquetas, mayúsculas con 0.12 em de espaciado; en tablas, cifras alineadas a la derecha.
Si Geist no está instalada
Helvetica Neue o Helvetica en Mac, Segoe UI en Windows. El manual 2019 prohíbe Arial, Times New Roman, Century Gothic y Comic Sans en documentos oficiales. Las plantillas de Word llevan Geist incrustada.
El nombre del logo
Es lettering propio (Dream Orphans, dibujada en el manual): nunca se recompone con una fuente. Usa siempre el archivo del logo.
Manual 2019
Geist sustituye a Gotham Book y Base One del manual 2019: mismo carácter geométrico, sin costo de licencia y con permiso para incrustarse en documentos.
Escala en pantalla
- h1 Uniendo tecnologías 2.5rem · 700
- h2 Uniendo tecnologías 2rem · 600
- h3 Uniendo tecnologías 1.375rem · 600
- body-lg Uniendo tecnologías 1.125rem · 400
- body Uniendo tecnologías 1rem · 400
- small Uniendo tecnologías 0.875rem · 400
- label Uniendo tecnologías 0.75rem · 500
Escala en documentos
| Título | 18 pt | Geist Bold |
|---|---|---|
| Título 1 | 14 pt | Geist Bold |
| Título 2 (rojo 7621) | 11.5 pt | Geist Bold |
| Cuerpo | 10.5 pt | Geist Regular |
| Nota | 8.5 pt | Geist Regular |
| Pie de página | 7.5 pt | Geist Regular |
Temas oscuro y claro
Los mismos tokens sobre dos superficies. Oscuro para pantalla: sitio, aplicaciones, demos y presentaciones. Claro para papel y para aplicaciones de uso prolongado: documentos, propuestas, correos y sistemas administrativos.
Nueva solicitud
BorradorCambios guardados
Nueva solicitud
BorradorCambios guardados
| Token | Oscuro | Claro |
|---|---|---|
| --nuup-bg | #0B0B0F | #F7F7F8 |
| --nuup-surface | #131318 | #FFFFFF |
| --nuup-surface2 | #1B1B22 | #EFEFF2 |
| --nuup-line | rgba(255, 255, 255, 0.08) | rgba(11, 11, 15, 0.10) |
| --nuup-line-strong | rgba(255, 255, 255, 0.14) | rgba(11, 11, 15, 0.18) |
| --nuup-text | #F5F5F6 | #16161B |
| --nuup-text-soft | #B8B8C0 | #44444E |
| --nuup-text-muted | #A0A0AC | #62626D |
| --nuup-brand | #E8232B | #D81F26 |
| --nuup-brand-text | #FF3B41 | #AE181F |
| --nuup-brand-cta | #D81F26 | #C4151C |
| --nuup-brand-deep | #8F1218 | #8F1218 |
| --nuup-brand-soft | rgba(232, 35, 43, 0.12) | rgba(232, 35, 43, 0.08) |
| --nuup-success | #2FBF71 | #156B3F |
| --nuup-warning | #E5A53D | #8A5700 |
| --nuup-error | #FF5A5F | #B42318 |
| --nuup-info | #4E9CF5 | #2563C9 |
| --nuup-sunken | #07070A | #F7F7F8 |
| --nuup-overlay | rgba(7, 7, 10, 0.94) | #FFFFFF |
| --nuup-on-brand | #FFFFFF | #FFFFFF |
| --nuup-data-cyan | #4FC3DD | #0E7490 |
| --nuup-data-violet | #A78BFA | #7C3AED |
| --nuup-data-slate | #98A2B3 | #64748B |
En código: tokens.css usa el oscuro por defecto; añade data-theme="light" a un contenedor para el claro.
Interfaz
Lo mínimo para que cualquier aplicación Nuuptech se sienta de la misma familia.
- Espaciado
- Múltiplos de 4 px. Entre secciones web, 96–128 px; dentro de un panel, 16–24 px.
- Radios
- 8 px en botones y campos · 12 px en tarjetas · 16 px en paneles · redondo solo en pills y avatares.
- Controles
- Botones y campos de 44–48 px de alto. La etiqueta va siempre visible arriba del campo; el placeholder nunca la sustituye.
- Foco
- Anillo de 2 px en rojo de marca con 2 px de separación. Nunca se elimina.
- Iconos
- Lucide, de línea, trazo de 1.5–2 px y en el color del texto. Sin iconos rellenos ni multicolor.
- Movimiento
- 150–200 ms con salida suave. Solo se animan opacidad y posición, y todo respeta «reducir movimiento».
Estados
Comunican estado; nunca decoran.
- ÉxitoÉxito
- AvisoAviso
- ErrorError
- InformaciónInformación
Elementos gráficos
Tres recursos derivados del símbolo y del manual. Uno por pieza, y nunca compitiendo con el logo.
Plantillas
Listas para usar. Si necesitas otra pieza, parte de las reglas de esta página y de los formatos de referencia.
Word · Carta 21.59 × 27.94 cm
Hoja membretada
Editable en Word, Pages y LibreOffice. Incluye Geist incrustada, estilos Título/Título 1/Título 2/Nota y pie con datos fiscales y paginación automática.
Las facetas llegan a las esquinas en PDF y en papel impreso en imprenta. Una impresora de oficina deja un margen blanco de 4–6 mm que las recorta: es un límite del equipo, no del archivo.
- Escribe directo en el cuerpo: encabezado y pie se repiten solos en cada página.
- Da formato con los estilos Título, Título 1, Título 2 y Nota.
- No muevas ni recolores el logo ni las facetas; viven en el encabezado.
Formatos de referencia
| Pieza | Medida | Especificación |
|---|---|---|
| Hoja membretada | 21.59 × 27.94 cm | Carta · bond 90 g · tintas 173 C, 7579 C, Neutral Black · a sangre: +3 mm por lado |
| Tarjeta de presentación | 9 × 5 cm | Couché 150 g, plastificado mate, barniz a registro |
| Sobre | 11 × 22 cm | Bond 150 g |
| Folder carta | 22 × 29 cm | Couché mate 150 g |
| Libreta | 14 × 21 cm | Pasta dura, plastificado brillante |
| Sticker | 5 × 5 cm | Adhesivo con barniz |
| Sello | 4 × 4 cm | Símbolo o logotipo a una tinta |
| Señalética | 10.5 × 24 cm | Fondo negro, triángulos rojos al pie |
| Presentación | 1920 × 1080 px (16:9) | Tema oscuro; claro para impresión |
| Avatar de redes / app | 1024 × 1024 px | Símbolo al 68 % sobre grafito o blanco |
| Imagen para compartir | 1200 × 630 px | Fondo grafito, retícula, título y logo |
Datos institucionales
- Nombre
- Nuuptech En texto corrido: «Nuuptech», una palabra con N mayúscula. Así no:
NuupTech,NUUPTECH,Nuup Tech - Lema
- Uniendo tecnologías · Uniting technologies
- México
- Nuuptech S.A. de C.V. RFC NUU140207K61 Calle Manuel J. Clouthier 1123, Piso 1, Col. Pilares, C.P. 52179, Metepec, Estado de México
- El Salvador
- Nuuptech El Salvador, S.A. de C.V. Calle La Mascota No. 533, Colonia San Benito, San Salvador, El Salvador
- Contacto
- hola@nuuptech.com www.nuuptech.com
- Origen del nombre
- Nuup significa «unir» en maya; tech, tecnología. El símbolo es una serpiente emplumada low-poly trazada sobre la proporción áurea: une la raíz mesoamericana con la ingeniería.
Para agentes de IA y desarrolladores
Pega esta instrucción en tu asistente de IA y tendrá todo lo necesario para aplicar la identidad sin adivinar.
Aplica el sistema de identidad de Nuuptech descrito en https://www.nuuptech.com/marca/marca.md (logos, colores, tipografía y reglas). Usa los archivos de logo que enlaza esa guía; no los redibujes.
- marca.md Guía completa en texto, para IA y proveedores
- tokens.css Variables CSS, temas oscuro y claro
- tokens.json Los mismos tokens en JSON
- nuuptech-kit-de-marca.zip Descargar kit completo · 2.5 MB
En una app web
<link rel="stylesheet" href="https://www.nuuptech.com/marca/tokens.css" />
.button {
background: var(--nuup-brand-cta);
color: #fff;
border-radius: var(--nuup-radius-sm);
font-family: var(--nuup-font-sans);
} Versión 2026.10 · actualizado el 6 de octubre de 2026 · basado en el Manual de Identidad Gráfica v04 (2019).