Consumir la marca
Todo se sirve desde branding.nuevauno.com. Regla de oro: leer de aquí, NO hardcodear. Un cambio en la fuente se propaga a todos lados.
Logo / marca
<!-- icono (marca) -->
https://branding.nuevauno.com/logos/nuevauno-mark.svg (navy + naranja)
https://branding.nuevauno.com/logos/nuevauno-mark-white.svg (fondo oscuro)
<!-- en React (ecosistema) -->
import { BrandLogo } from "~/components/BrandLogo";
<BrandLogo size={40} variant="light" />
Iconos de apps (manifest único)
GET https://branding.nuevauno.com/icons/manifest.json
{ "version": N, "icons": { "point_of_sale": { "icon": "...svg" }, ... } }
// Leer el manifest por technical (point_of_sale, crm, nuevauno_kodo...).
// NUNCA hardcodear la URL del icono ni inventar fallback si no existe.
// Backend: ir.module.module.nuevauno_icon_url(technical)
Estándar SVG de iconos
Fuente visual: static/logos/nuevauno-mark.svg
Formato:
viewBox="0 0 24 24"
fill="none" por defecto
stroke="currentColor"
stroke-width="0.9"
stroke-linecap="round"
stroke-linejoin="round"
Acento:
#FE4A23 es el único naranja permitido.
Si es stroke naranja, siempre stroke-width="1.6".
Si es fill naranja tipo chip/punto, usar stroke="none".
Reglas:
En SVG fuente no hardcodear blancos/azules en strokes de app icons; usar currentColor.
No usar carpetas inventadas: la ruta pública es /icons/nuevauno/.
No crear estilos paralelos ni rescatar iconos antiguos.
La variante animada *.anim.svg se genera, no se edita a mano: python3 scripts/generate-anim-icons.py.
La animación debe ser semántica: chat = puntos, firma = trazo de firma sin mover la base,
códigos = scanner, KODO = cursor, salud = pulso, calendario = día marcado, etc.
Antes de subir: pnpm run check:icons
Badge 'Powered by NUEVAUNO'
<script src="https://branding.nuevauno.com/footer/nuevauno.js"
data-theme="auto" <!-- auto | light | dark -->
data-powered="NUEVAUNO" <!-- whitelabel: nombre del cliente -->
></script>
Tipografía
Urbanist (plataforma, peso 400):
https://branding.nuevauno.com/fonts/urbanist-var.woff2
Ubuntu Mono (logo / terminal):
https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700
Colores (tokens)
--nu-orange: #FE4A23 (acento / cursor / CTA)
--nu-orange-hover:#e43d1a
--nu-navy: #11183a (texto / marca)
--nu-navy-deep: #0A0E27 (fondos dark)
--nu-cream: #f5f3ec
import { brandColors } from "~/lib/brand-data";
Favicon
https://branding.nuevauno.com/favicons/favicon.svg
https://branding.nuevauno.com/favicons/favicon-32.png
https://branding.nuevauno.com/logos/nuevauno-pwa.png (apple-touch / PWA)