# Sistema de identidad Nuuptech

Guía operativa para aplicar la marca Nuuptech en documentos, aplicaciones, presentaciones e impresos. Versión 2026.10 (2026-10-06). Página completa: https://www.nuuptech.com/marca/

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.

## Reglas que no se rompen

- Usa siempre los archivos oficiales del logo; nunca lo redibujes ni reescribas el nombre con una fuente.
- El rojo es acento: menos del 8 % de la superficie de cualquier pieza. La jerarquía se logra con tipografía y espacio.
- Pantalla y apps: tema oscuro por defecto. Documentos e impresos: tema claro (fondo blanco).
- Toda la tipografía fuera del logo es Geist (texto) y Geist Mono (datos, etiquetas, código).
- Texto rojo sobre blanco: usa #AE181F (no #E8232B, que no alcanza contraste AA en texto pequeño).
- En texto corrido la marca se escribe «Nuuptech» (N mayúscula, una sola palabra).

## Logotipo

Patrón de URL: https://www.nuuptech.com/marca/logos/nuuptech-<forma>-<color>.<svg|png>. «color» = para fondos claros; «negativo» = a color para fondos oscuros; «negro» y «blanco» = una tinta.

| Formas | Uso | colores |
| --- | --- | --- |
| `horizontal` (Horizontal) | Versión preferente: documentos, web, firmas, presentaciones. | color, negativo, negro, blanco |
| `vertical` (Vertical) | Formatos cuadrados o verticales: portadas, stickers, lonas, merch. | color, negativo, negro, blanco |
| `simbolo` (Símbolo) | Avatares, ícono de app, sellos y espacios donde el nombre ya está presente. | color, negro, blanco |
| `logotipo` (Logotipo con lema) | Grabados y bordados a una tinta (termos, plumas, sudaderas). | negro, blanco |
| `logotipo-sin-lema` (Logotipo sin lema) | Tamaños donde el lema ya no se lee (menos de 120 px de ancho). | negro, blanco |

- Horizontal a color: https://www.nuuptech.com/marca/logos/nuuptech-horizontal-color.svg
- Horizontal para fondo oscuro: https://www.nuuptech.com/marca/logos/nuuptech-horizontal-negativo.svg
- Símbolo: https://www.nuuptech.com/marca/logos/nuuptech-simbolo-color.svg
- Kit completo (ZIP): https://www.nuuptech.com/marca/nuuptech-kit-de-marca.zip

### Á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. El logo nunca ocupa más del 75 % del soporte, ni menos del 15 % cuando es el protagonista de la pieza.

### Tamaños mínimos

| Formas | Pantalla | Impreso |
| --- | --- | --- |
| horizontal | 120 px | 30 mm |
| vertical | 72 px | 18 mm |
| simbolo | 24 px | 6 mm |

### Usos incorrectos

- Reescribir el nombre con otra tipografía
- Estirar, comprimir o inclinar
- Recolorear el símbolo fuera de las versiones oficiales
- Colocarlo sobre fotos o fondos que compitan
- Añadir sombras, contornos, brillos o 3D
- Reordenar símbolo y nombre o cambiar su proporción

## Color

### Pantalla

- Rojo de marca: #E8232B (RGB 232 35 43)
- Grafito (fondo oscuro): #0B0B0F
- Negro institucional: #231F20

### Impresión (tintas del manual 2019)

| Nombre | Pantone | CMYK | RGB | HEX | Uso |
| --- | --- | --- | --- | --- | --- |
| Rojo 173 | 173 C | 8 91 95 1 | 216 49 28 | #D8311C | Tinta principal de impresos |
| Rojo 7579 | 7579 C | 0 87 87 0 | 231 59 40 | #E73B28 | Plastas y acentos luminosos |
| Rojo 7621 | 7621 C | 21 100 92 15 | 174 24 31 | #AE181F | Sombras, texto rojo sobre papel |
| Negro | Neutral Black C | 0 0 0 100 | 35 31 32 | #231F20 | Logotipo y texto |

### Rojos del símbolo (solo para ilustración low-poly)

#EE302C · #DC2E29 · #C01D2A · #BC1C2A · #AC1B29 · #8F1218

### Tokens de interfaz

| token | Oscuro (web, apps, presentaciones en pantalla) | Claro (documentos, impresos, apps administrativas) |
| --- | --- | --- |
| `bg` | #0B0B0F | #F7F7F8 |
| `surface` | #131318 | #FFFFFF |
| `surface2` | #1B1B22 | #EFEFF2 |
| `line` | rgba(255, 255, 255, 0.08) | rgba(11, 11, 15, 0.10) |
| `line-strong` | rgba(255, 255, 255, 0.14) | rgba(11, 11, 15, 0.18) |
| `text` | #F5F5F6 | #16161B |
| `text-soft` | #B8B8C0 | #44444E |
| `text-muted` | #A0A0AC | #62626D |
| `brand` | #E8232B | #D81F26 |
| `brand-text` | #FF3B41 | #AE181F |
| `brand-cta` | #D81F26 | #C4151C |
| `brand-deep` | #8F1218 | #8F1218 |
| `brand-soft` | rgba(232, 35, 43, 0.12) | rgba(232, 35, 43, 0.08) |
| `success` | #2FBF71 | #156B3F |
| `warning` | #E5A53D | #8A5700 |
| `error` | #FF5A5F | #B42318 |
| `info` | #4E9CF5 | #2563C9 |
| `sunken` | #07070A | #F7F7F8 |
| `overlay` | rgba(7, 7, 10, 0.94) | #FFFFFF |
| `on-brand` | #FFFFFF | #FFFFFF |
| `data-cyan` | #4FC3DD | #0E7490 |
| `data-violet` | #A78BFA | #7C3AED |
| `data-slate` | #98A2B3 | #64748B |

## Tipografía

- Geist (texto, títulos): https://fonts.google.com/specimen/Geist
- Geist Mono (datos, etiquetas, código): https://fonts.google.com/specimen/Geist+Mono
- El nombre dentro del logo es lettering propio (Dream Orphans dibujada): nunca se recompone.
- Si Geist no está instalada: Helvetica Neue / Helvetica (Mac) o Segoe UI (Windows). Prohibidas en documentos oficiales: Arial, Times New Roman, Century Gothic y Comic Sans (manual 2019).

### Escala para documentos

| Estilo | pt | Peso |
| --- | --- | --- |
| Título | 18 | Bold |
| Título 1 | 14 | Bold |
| Título 2 (rojo 7621) | 11.5 | Bold |
| Cuerpo | 10.5 | Regular |
| Nota | 8.5 | Regular |
| Pie de página | 7.5 | Regular |

## Plantillas

- **Hoja membretada** (Word · Carta 21.59 × 27.94 cm): https://www.nuuptech.com/marca/plantillas/nuuptech-hoja-membretada.docx — 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.

### 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

- Lema: Uniendo tecnologías
- Correcto: Nuuptech · Incorrecto: NuupTech, NUUPTECH, Nuup Tech, nuuptech (en texto corrido), NuupTech AI
- 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

## Tokens para código

- CSS: https://www.nuuptech.com/marca/tokens.css
- JSON: https://www.nuuptech.com/marca/tokens.json