Marca — reglas y construcción exacta

El logo de NUEVAUNO = marca terminal + wordmark + cursor. Esta página dice qué archivo usar en cada lugar y las reglas que cumple cualquier persona o agente. Misma información, legible por máquina: /brand-spec.json · /BRAND.md.

Reglas duras (spec v4.1.0)

  1. 1.El logo NO se compone: se usa un ARCHIVO del kit. Nunca se arma a mano icono + texto 'nuevauno' + cursor (en HTML, CSS, React, QWeb, Astro, PDF ni en ningún lado). Armarlo a mano es lo que hace que cada sitio salga distinto.
  2. 2.El archivo se elige por contexto en la tabla `assets.byUse` de esta spec (o en /BRAND.md). Solo esas URLs; nada fuera de la tabla.
  3. 3.Tamaño = altura del <img> = altura del mark (la caja del icono). Ancho automático (`width:auto`). Nunca fijar ancho y alto a la vez, nunca estirar.
  4. 4.Animado (cursor parpadeando) en pantalla: header, login, web, firma de correo, apps. Estático en PDF, impresión, OG/social, favicon y donde no haya animación.
  5. 5.Color: `light` (navy + naranja) sobre fondos claros; `dark` (blanco + naranja) sobre fondos oscuros. El lockup nunca va sobre naranja; sobre tile naranja solo el mark blanco.
  6. 6.Única excepción al archivo: cuando el logo DEBE ser texto vivo (currentColor, selección, SSR sin imágenes), se usa /brand/lockup.css con el HTML de `snippets.html` TAL CUAL, sin cambiar ningún valor ni clase. Nada más.
  7. 7.Los alias legacy (`assets.legacyAliases`) sirven el MISMO archivo que el canónico (byte a byte); están deprecados: no usarlos en código nuevo.
  8. 8.Espacio libre mínimo alrededor del logo = 0.5 × altura del mark. Altura mínima del mark: 20px en pantalla, 6mm impreso.
  9. 9.Si el kit no tiene el archivo que necesitas (otro tamaño, otro fondo, otro formato), se agrega al generador en nuevauno-branding y se publica. No se improvisa un render local.
  10. 10.Favicon / icono de app / PWA (cuadrados ≤ 64px) usan la versión ÓPTICA del mark (`mark.optical`), que engorda trazos para leerse chico. Esa versión NO es el logo y no se usa en tamaños grandes ni junto al wordmark.
  11. 11.El wordmark (las letras) tiene una exploración tipográfica (fuente UNO) que vive SOLO en /demo. Lo que se publica y se usa es el kit: Ubuntu Mono 400. No mezclar.
  12. 12.Interfaz (pantallas, apps, paneles, onboarding): el estilo vive en /UI.md y /ui-tokens.json (Urbanist 400, etiquetas de sistema en Ubuntu Mono, radio 0, un solo acento naranja, número grande + etiqueta chica, datos reales o nada, CLAW a un clic). Un agente que diseña una pantalla los lee antes de maquetar.

Qué archivo va dónde

Contexto → URL. Solo estas. Si tu caso no está, se agrega al kit (regla 9), no se improvisa.

Cómo se usa (copiar tal cual)

Pantalla — el archivo animado. `H` = alto del icono en px.

<img src="https://branding.nuevauno.com/logos/nuevauno-logo-light.anim.svg" alt="NUEVAUNO" height="H" style="height:Hpx;width:auto;display:block">

Correo — GIF con fondo blanco, 2x.

<img src="https://branding.nuevauno.com/logos/nuevauno-logo-light-360.anim.gif" alt="NUEVAUNO" width="182" height="40" style="display:block;border:0;width:182px;height:40px">

Única excepción: texto vivo (currentColor / SSR sin imágenes). CSS canónico + HTML exacto. 1em = alto del icono.

<link rel="stylesheet" href="https://branding.nuevauno.com/brand/lockup.css">
<span class="nu-lockup" style="font-size:Hpx"><img class="nu-lockup__mark" src="https://branding.nuevauno.com/logos/nuevauno-mark.svg" alt=""><span class="nu-lockup__word">nuevauno</span><i class="nu-lockup__cursor"></i></span>

Archivo del kit vs texto vivo · deben verse iguales

NUEVAUNO

archivo · nuevauno-logo-light.anim.svg

nuevauno

texto vivo · /brand/lockup.css

NUEVAUNOnuevauno

El cursor · geometría exacta (referencia)

nuevauno↖ rectángulo recto, dimensionado por la altura del mark
FormaBarra vertical fina · esquinas RECTAS (sin redondeo)
Color#FE4A23 (naranja de marca)
Ancho0.18 × alto-del-mark
Alto0.5 × alto-del-mark
Proporciónancho : alto = 1 : 2.78
Separación palabra→cursor0.2 × alto-del-mark (gap 0.26 + margen -0.06)
Alineación verticalcentrado respecto a la palabra (NO apoyado en baseline)
Parpadeo1.05s steps(1, end) infinite · opacity 1→0 al 50%

Así SÍ

NUEVAUNO

El archivo del kit. Barra fina 1:2.78, separada por un gap, centrada en la palabra.

Así NO (armado a mano)

nuevauno

Icono más chico, gap distinto, sin tracking, cursor gordo, redondeado y pegado a la 'o'. Eso pasa cada vez que alguien lo arma.

La marca terminal · vector fijo

/logos/nuevauno-mark.svg — usar tal cual

viewBox 0 0 24 24 · trazo navy 0.9 · acento _ y punto naranja 1.6 · viewBox ajustado (chips) 3.5 3.5 17 16

versión óptica (favicon / PWA / app icon ≤ 64px): /favicons/favicon.svg — no es el logo.

Alias legacy (deprecados · mismo archivo que el canónico)

/logos/nuevauno-logo-lockup.png → /logos/nuevauno-logo-light-1024.png

/logos/nuevauno---footer.png → /logos/nuevauno-logo-light-1024.png

/logos/nuevauno---footer-blanco.png → /logos/nuevauno-logo-dark-1024.png

/signature/nuevauno-firma-logo.gif → /logos/nuevauno-logo-light-360.anim.gif

/signature/nuevauno-firma-logo.png → /logos/nuevauno-logo-light-360.png

Siguen en código de otros repos; se regeneran byte a byte desde el kit. No usarlos en código nuevo.

Fuente de verdad (humanos y agentes)

Spec: https://branding.nuevauno.com/brand-spec.json

Markdown: https://branding.nuevauno.com/BRAND.md

CSS texto vivo: https://branding.nuevauno.com/brand/lockup.css · referencia /brand/lockup.html

Cursor suelto: https://branding.nuevauno.com/brand/cursor.svg

Todo (archivos del kit, CSS, badge, esta página, el markdown, el skill) se GENERA de brand-spec.json con pnpm run gen:brand. CI verifica que regenerar no cambie nada y que nadie arme el logo a mano.