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.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.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.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.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.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.Ú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.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.Espacio libre mínimo alrededor del logo = 0.5 × altura del mark. Altura mínima del mark: 20px en pantalla, 6mm impreso.
- 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.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.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.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
archivo · nuevauno-logo-light.anim.svg
texto vivo · /brand/lockup.css
El cursor · geometría exacta (referencia)
Así SÍ
El archivo del kit. Barra fina 1:2.78, separada por un gap, centrada en la palabra.
Así NO (armado a mano)
nuevaunoIcono 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.