NRMD
Manual de Marca · v1.0
00 · Sistema de Identidad

Manual de
Marca.

Una referencia para todas las personas que diseñan, escriben, construyen o lanzan cualquier cosa que lleve la marca NRMD. Tipografía, color, logotipo, voz. Qué usar y cómo.

Versión
1.0
Emitido
2026
Responsable
NRMD Brand
Estado
Documento vivo
01 · Esencia de Marca

El sistema de crecimiento, en una línea.

NRMD es el sistema operativo para el crecimiento predecible. Creado para equipos de mid-market y enterprise que se niegan a tratar el marketing como un juego de adivinanzas.

01

Tecnológicos, nunca fríos.

Transmitimos la sensación de una empresa de tecnología seria. Precisos, seguros, técnicos, pero lo suficientemente humanos para generar confianza.

02

Sistemas por encima de campañas.

Vendemos infraestructura, no entregables. El lenguaje visual lo refleja. Estructurado, modular, deliberado.

03

La energía vive en el color.

La paleta carga con el optimismo. Todo lo demás, tipografía, layout, movimiento, se mantiene sereno.

03 · Sistema de Color

Seis colores. Un degradado. Sin morado.

La paleta recorre del cálido al frío siguiendo el orden del espectro visible, omitiendo el morado por completo. Cada color funciona como acento plano. Juntos, en secuencia, se convierten en el degradado distintivo de NRMD.

Cian
HEX#00D4FF
RGB0, 212, 255
CMYK72, 0, 0, 0
Azul
HEX#0066FF
RGB0, 102, 255
CMYK87, 60, 0, 0
Magenta
HEX#FF00B8
RGB255, 0, 184
CMYK0, 92, 0, 0
Coral
HEX#FF4D6D
RGB255, 77, 109
CMYK0, 78, 47, 0
Naranja
HEX#FF8A00
RGB255, 138, 0
CMYK0, 56, 100, 0
Amarillo
HEX#FFC700
RGB255, 199, 0
CMYK0, 22, 100, 0

El Degradado Distintivo

El elemento más reconocible de la marca. Úsalo como relleno, contorno, tratamiento de texto o fondo atmosférico. Siempre de cian a amarillo, de izquierda a derecha o de la esquina superior izquierda a la inferior derecha (135°).

0%#00D4FF
20%#0066FF
42%#FF00B8
58%#FF4D6D
78%#FF8A00
100%#FFC700

Neutros

Oscuro primero. El producto, el sitio y la mayoría de las superficies viven sobre negro casi puro. Úsalos en orden estricto, del fondo a la superficie y a la superficie elevada.

Excepción: los entregables para el cliente siempre van en modo claro (tinta oscura sobre blanco), nunca en oscuro. Aplica a reportes, presentaciones, one-pagers y documentos de trabajo, para que se lean bien en pantalla, impresos y en PDF.

BG / 00
#050507
BG / 05
#0A0A0F
BG / 10
#111118
BG / 15
#1A1A24
BG / 20
#242430
Ink / 100
#FFFFFF
04 · Tipografía

Tres tipografías. Roles estrictos.

Exo 2 lleva el trabajo de display. Titulares, tipografía de hero, momentos de identidad. Inter se encarga de todo lo que se lee. JetBrains Mono etiqueta el sistema. Eyebrows, código, metadatos técnicos. Nunca intercambies los roles.

Exo 2
Display
Descargar
Inter
Cuerpo
Descargar
JetBrains Mono
Técnica
Descargar
Rol
Display · Titulares · Identidad
Familia
Exo 2
Diseñador
Natanael Gama
Licencia
SIL Open Font License · libre para uso comercial
Fuente
Google Fonts
Pesos en uso
300, 400, 500, 600, 700, 800, 900
Exo 2
LIGHT · 300
El crecimiento predecible empieza aquí.
REGULAR · 400
El crecimiento predecible empieza aquí.
MEDIUM · 500
El crecimiento predecible empieza aquí.
SEMIBOLD · 600
El crecimiento predecible empieza aquí.
BOLD · 700
El crecimiento predecible empieza aquí.
EXTRABOLD · 800
El crecimiento predecible empieza aquí.
BLACK · 900
El crecimiento predecible empieza aquí.
Rol
Cuerpo · UI · Lectura extensa
Familia
Inter
Diseñador
Rasmus Andersson
Licencia
SIL Open Font License · libre para uso comercial
Fuente
Google Fonts · rsms.me/inter
Pesos en uso
300, 400, 500, 600, 700
Características
Activa ss01, cv11 para variantes de carácter
Inter
LIGHT · 300
Infraestructura de marketing para operadores serios.
REGULAR · 400
Infraestructura de marketing para operadores serios.
MEDIUM · 500
Infraestructura de marketing para operadores serios.
SEMIBOLD · 600
Infraestructura de marketing para operadores serios.
BOLD · 700
Infraestructura de marketing para operadores serios.
Rol
Eyebrows · Etiquetas · Código · Metadatos técnicos
Familia
JetBrains Mono
Diseñador
JetBrains Type Studio
Licencia
SIL Open Font License · libre para uso comercial
Fuente
jetbrains.com/mono · Google Fonts
Pesos en uso
400, 500, 600
Tratamiento
Siempre MAYÚSCULAS para eyebrows · letter-spacing 0.15 a 0.18em
JBMono
REGULAR · 400
01 · INPUT → ENGINE → OUTPUT
MEDIUM · 500
01 · INPUT → ENGINE → OUTPUT
SEMIBOLD · 600
01 · INPUT → ENGINE → OUTPUT

Escala Tipográfica

La escala predeterminada que se usa en web, presentaciones y documentos. Los tamaños emplean una razón modular de 1.25 a 1.4. Los interlineados se ajustan a medida que crece el tamaño.

Display
72 / 1.05
Crecimiento predecible.
H1
56 / 1.05
El OS de crecimiento.
H2
40 / 1.1
Creado para operadores.
H3
28 / 1.2
Tres fases. Un sistema.
H4
20 / 1.3
Auditar, construir, operar.
Cuerpo
16 / 1.6
Las empresas invierten más cada año, pero los resultados siguen siendo inconsistentes. El problema real no es el gasto. Es la ausencia de un sistema que vuelva rentable ese gasto.
Pequeño
13 / 1.55
Se usa para pies de foto, notas al pie, letra chica y metadatos de apoyo en web y presentaciones.
Mono
11 / 1.5
01 · Eyebrow de sección · mayúsculas · 0.18em
05 · Iconografía

Contorno. 1.5px. Degradado.

Cada icono se dibuja solo con contorno, sin rellenos, con un trazo de 1.5px y terminaciones de línea redondeadas. El degradado distintivo se aplica como color de trazo mediante un linearGradient SVG compartido. Esto es lo que hace que cualquier icono se lea como NRMD.

Especificación

  • EstiloSolo contorno
  • Grosor de trazo1.5px
  • Terminación de línearound
  • Unión de línearound
  • Color de trazourl(#nrmd-grad)
  • Rellenonone
  • Viewbox0 0 24 24
  • Cuadrícula24×24 base · 2px de margen
  • LibreríaGeometría estilo Lucide

Referencia del Degradado SVG

<!-- Define once per page, reference everywhere -->
<svg width="0" height="0">
  <defs>
    <linearGradient id="nrmd-grad"
      x1="0%" y1="0%"
      x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#00D4FF"/>
      <stop offset="20%"  stop-color="#0066FF"/>
      <stop offset="42%"  stop-color="#FF00B8"/>
      <stop offset="58%"  stop-color="#FF4D6D"/>
      <stop offset="78%"  stop-color="#FF8A00"/>
      <stop offset="100%" stop-color="#FFC700"/>
    </linearGradient>
  </defs>
</svg>

<!-- Then use in any icon -->
<svg viewBox="0 0 24 24"
  fill="none"
  stroke="url(#nrmd-grad)"
  stroke-width="1.5"
  stroke-linecap="round"
  stroke-linejoin="round">
  ...
</svg>
06 · Aplicación

Cómo se integra todo.

El sistema en uso en social, marketing, producto y presentaciones. Cada pieza se lee como NRMD porque los roles tipográficos, el color y el degradado mantienen sus posiciones.

Instagram · 1080×1080
NRMD.
El crecimiento predecible
no es una campaña.
Es infraestructura.
— @nrmd.io · Edición 014
Publicación de cita · Exo 2 para la línea, acento de degradado en la palabra clave.
Instagram · 1080×1080
NRMD.
3.4×
Aumento promedio de ROAS
en 90 días
↳ EN 47 COLABORACIONES
Publicación de dato · degradado en el número, JetBrains Mono para el crédito al pie.
Instagram Story · 1080×1920
NUEVO · EDICIÓN 014
El OS de crecimiento para operadores.
Auditar. Construir. Operar. Tres fases, un sistema.
DESLIZA · NRMD.IO/OS
Story · jerarquía vertical, acento de degradado, CTA fijado al pie.
Publicación LinkedIn · 1200×627
NRMD.
INSIGHT · 04 / 12
La mayoría de los presupuestos de marketing
no fallan por gastar poco.
Fallan por sistemas mal construidos.
Por NRMD · 6 min de lectura
nrmd.io / journal
Publicación de LinkedIn · horizontal 1.91:1, el texto en degradado mantiene el foco en las dos cláusulas contrastantes.
Miniatura de YouTube · 1280×720
EP · 07
Por qué los anuncios
no son el problema.
NRMD · GROWTH OS
Miniatura · Exo 2 grande, un solo acento de degradado, esquina de marca para legibilidad de la serie.
Portada de Facebook · 820×312
NRMD.
Infraestructura de marketing para operadores.
DESDE 2024
NRMD.IO
Portada · el cerebro ancla a la izquierda, el tagline lleva el degradado, bloque de identidad a la derecha.
Encabezado X / Twitter · 1500×500
— MOMENTO PRESENTE
El sistema de crecimiento,
en una línea.
NRMD · MX / USA / CA
Encabezado · ancho 3:1, titular anclado a la izquierda, resplandor de degradado ambiental arriba a la derecha.
Encabezado de newsletter · 600×200
NRMD.
EDICIÓN 014 · MARZO 2026
Operator Notes
Encabezado de email · regla de degradado, par de marca a la izquierda, metadatos de edición a la derecha.
Anuncio display · 300×300
NRMD.
3.4×
Aumento de ROAS en 90 días
AGENDA UNA LLAMADA →
Display cuadrado · dato protagonista, un solo botón de CTA.
Anuncio display · 728×90 leaderboard
NRMD.
Infraestructura de marketing para operadores.
EMPEZAR AUDITORÍA →
Leaderboard · razón 8:1, el cerebro ancla a la izquierda, el botón de CTA con degradado ancla a la derecha.
Hero de landing · 1440×600
NRMD.
Sistema operativo Trabajo Journal Agenda una llamada
— EL GROWTH OS · v2026
El OS de crecimiento
creado para operadores.
NRMD instala la estrategia, los sistemas y los motores de IA que convierten el gasto en marketing en una máquina de crecimiento predecible.
Agenda una llamada de estrategia → Conoce el OS
Hero de landing · nav completo, eyebrow → titular → subtítulo → CTA doble. Toda la marca en un solo viewport.
Portada de podcast · 1400×1400
UN PODCAST DE NRMD
Operator Notes
SEMANAL · S01
Portada de podcast · 1:1, base oscura, el cerebro ancla el pie.
Icono de app · 1024×1024
Icono de app · relleno con degradado, cerebro centrado. Usa el degradado cuando el icono sea la marca principal.
Sticker / gafete · 90×90mm
NRMD.
MX · USA · CA
Sticker · degradado arriba, marca centrada. Funciona en laptops, gafetes y merch.
NRMD.
DECK · 01 / 05
¿Qué es Claude?
Una introducción al asistente de IA de Anthropic. Cinco diapositivas.
NRMD · CLAUDE PRIMER
01 · Diapositiva de título
01 / OVERVIEW
Claude es un asistente de IA creado por Anthropic.
Entrenado para ser útil, inofensivo y honesto. Sólido en análisis, escritura, programación y razonamiento extenso. Disponible por chat, API e integrado en Claude Code.
NRMD · CLAUDE PRIMER
02 · Definición
02 / VENTANA DE CONTEXTO
200K
tokens de contexto
↳ Cerca de 500 páginas de texto en un solo prompt
NRMD · CLAUDE PRIMER
03 · Dato de capacidad
03 / POR QUÉ IMPORTA
"
El cuello de botella ya no es la inteligencia. Es cómo la pones a trabajar.
— VISIÓN DEL OPERADOR
NRMD · CLAUDE PRIMER
04 · Cita destacada
NRMD.
Prueba Claude.
claude.com · Plan gratuito disponible. Planes Pro y Team para equipos.
NRMD · CLAUDE PRIMER · 05 / 05
05 · CTA de cierre
07 · Papelería

Impresos e identidad.

La expresión física y digital del sistema. Papel membretado y sobre. El generador interactivo de firma de correo y tarjeta de presentación ahora vive en el NRMD Hub (Recursos → Brand).

C Papel membretado y sobre · impresión estática
Papel membretado · Carta / A4
NRMD brain NRMD
nrmd.io

Hoja Carta / A4, barra de degradado en el borde superior, cerebro y logotipo en el encabezado, nrmd.io en el pie. El degradado es una imagen alojada, /assets/img/gradient-rule.png, para que sobreviva a cualquier exportación, incluidas impresión y PDF.

Sobre · #10 (9.5 × 4.125 in)
NRMD brain NRMD.
NRMD
NRMD.IO

Sobre comercial estándar US #10. La misma barra de degradado en el borde superior, cerebro y logotipo arriba a la izquierda, dirección de remitente en mono abajo a la izquierda. El área del destinatario se mantiene despejada para que la dirección impresa o escrita a mano tenga espacio para respirar. El equivalente A4 (DL, 110 × 220 mm) funciona con las mismas proporciones.

08 · Presentación

La plantilla.

Una plantilla de presentación panorámica (16∶9) con diez layouts listos para usar. Título, agenda, separador de sección, texto libre, viñetas, texto e imagen, dato, dos columnas, cita y cierre. Duplica las diapositivas que necesites y reemplaza los marcadores de posición con tu contenido. Disponible en tema oscuro y blanco.

1 / 10
NRMD slide
Portada

Google Slides: haz clic en el botón para descargar el PPTX, luego en Google Drive elige Nuevo → Subir archivo, haz clic derecho sobre el archivo y elige Abrir con → Google Slides. Se convierte automáticamente y conserva los layouts. Para volverlo una plantilla reutilizable del equipo, ábrelo y usa Archivo → Hacer una copia o guárdalo en una carpeta de Plantillas compartida. Después duplica cualquier diapositiva como punto de partida para tu propio reporte o presentación. PPTX abre en PowerPoint/Keynote. PDF es para vista previa e impresión. Las tipografías de marca (Exo 2 / Inter / JetBrains Mono) se renderizan en cualquier lugar donde estén instaladas. El texto de los marcadores de posición y los colores de acento son totalmente editables.

✓ Copiado