NUEVAUNONUEVAUNO

products/kodo

Kōdo, el agente de NUEVAUNO

Su logo son dos ojos cuadrados: el izquierdo navy (blanco sobre fondo oscuro) y el derecho naranja. Como el logo de NUEVAUNO, es un archivo y no se arma: se usa uno de estos.

archivos

Ícono sobre fondo claroÍcono sobre fondo claro/kodo/kodo-mark.svgÍcono sobre fondo oscuroÍcono sobre fondo oscuro/kodo/kodo-mark-white.svgÍcono de appÍcono de app/kodo/kodo-app-icon.svgÍcono de app, oscuroÍcono de app, oscuro/kodo/kodo-app-icon-dark.svgAvatar por defectoAvatar por defecto/kodo/kodo-avatar-light.svgAvatar por defecto, oscuroAvatar por defecto, oscuro/kodo/kodo-avatar-dark.svg

estados de trabajo

Los estados cambian sólo los ojos y usan siempre los ojos del logo, sea cual sea el avatar. Así "pensando" o "necesita tu aprobación" se ven igual en todos los Kōdo. Abajo, la cara animada real.

EscuchandoOjos del logo, parpadea.state="escuchando"
PensandoLos ojos giran.state="pensando"
TrabajandoUn ojo y el cursor naranja.state="trabajando"
Necesita tu aprobaciónLos dos ojos naranjos.state="necesita-aprobacion"
ListoSonríe y salta una vez.state="listo"
ErrorSe sacude una vez.state="error"

en una pantalla

En toda pantalla Kōdo se muestra con este componente, no con imágenes sueltas ni animaciones propias. Para correos y PDF, renderKodoFace(avatar, estado) devuelve el SVG fijo.

<script type="module" src="https://branding.nuevauno.com/kodo/kodo-face.js"></script>
<kodo-face state="pensando" size="48" label="Kōdo"></kodo-face>

Cada empresa crea sus Kōdo eligiendo cabeza, ojos, boca, paleta y fondo (19.200 combinaciones). Demostración completa: /kodo/demo.html.