Saltar al contenido

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.

Nuuptech horizontal, sobre claro
Nuuptech horizontal, sobre oscuro

Horizontal

Versión preferente: documentos, web, firmas, presentaciones.

Nuuptech vertical, sobre claro
Nuuptech vertical, sobre oscuro

Vertical

Formatos cuadrados o verticales: portadas, stickers, lonas, merch.

Nuuptech símbolo, sobre claro
Nuuptech símbolo, sobre oscuro

Símbolo

Avatares, ícono de app, sellos y espacios donde el nombre ya está presente.

Nuuptech logotipo con lema, sobre claro
Nuuptech logotipo con lema, sobre oscuro

Logotipo con lema

Grabados y bordados a una tinta (termos, plumas, sudaderas).

Nuuptech logotipo sin lema, sobre claro
Nuuptech logotipo sin lema, sobre oscuro

Logotipo sin lema

Tamaños donde el lema ya no se lee (menos de 120 px de ancho).

Á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
S = altura del símbolo. Horizontal: ½ S por lado.

Tamaño mínimo

VersiónPantallaImpreso
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

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

Descargar en Google Fonts

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

Descargar en Google Fonts

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

  1. h1 Uniendo tecnologías
  2. h2 Uniendo tecnologías
  3. h3 Uniendo tecnologías
  4. body-lg Uniendo tecnologías
  5. body Uniendo tecnologías
  6. small Uniendo tecnologías
  7. label Uniendo tecnologías

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.

Oscuro

Nueva solicitud

Borrador

Cambios guardados

Claro

Nueva solicitud

Borrador

Cambios guardados

TokenOscuroClaro
--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
  • Aviso
    Aviso
  • Error
    Error
  • Información
    Información

Elementos gráficos

Tres recursos derivados del símbolo y del manual. Uno por pieza, y nunca compitiendo con el logo.

FacetasTriángulos con los rojos del símbolo, anclados a una esquina. Es el recurso de la hoja membretada.
Triángulos cruzadosDe la señalética del manual: dos triángulos rojos que se cruzan al pie de un campo oscuro. Portadas, separadores y letreros.
RetículaLíneas de 1 px que se desvanecen hacia el centro. Fondo de portadas y piezas digitales.

Plantillas

Listas para usar. Si necesitas otra pieza, parte de las reglas de esta página y de los formatos de referencia.

Vista previa de la hoja membretada: logo arriba a la izquierda, facetas rojas en las esquinas y pie con datos fiscales.

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.
Descargar .docx 160 KB

Formatos de referencia

PiezaMedidaEspecificació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.

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).

Apariencia y accesibilidad

Ajusta el sitio a tu forma de leer. Se guarda solo en este navegador.

Tema
Contraste
Tamaño del texto
Lectura
Movimiento