Pídele algo a Kōdo

Aprobado2026-10-02 · Aprobado por el founder en la revisión visual.

La caja grande del Inicio, justo después del saludo.

Vista · datos de ejemplo

Pídele algo a Kōdo

Anatomía

Marca de Kōdo + etiqueta 'Pídele algo a Kōdo'
Campo de 20 px sobre línea navy, con cursor naranja si está vacío
Enviar naranja lleno
3–4 sugerencias según las apps instaladas

Sí

Al enviar abre la conversación sin pasos intermedios

No ofrezcas sugerencias de apps que la empresa no tiene

HTML exacto

<section class="nu-kodo" aria-label="Pídele algo a Kōdo">
  <div class="nu-kodo__encabezado">
    <img src="https://branding.nuevauno.com/kodo/kodo-mark.svg" alt="" width="16" height="16">
    <span class="nu-etiqueta">Pídele algo a Kōdo</span>
  </div>
  <form class="nu-kodo__fila">
    <span class="nu-kodo__cursor" aria-hidden="true"></span>
    <div class="nu-kodo__campo">
      <textarea class="nu-kodo__texto" rows="1" placeholder="¿Qué quieres saber o hacer hoy?"></textarea>
    </div>
    <button type="submit" class="nu-kodo__enviar"><span class="nu-kodo__enviar-texto">Enviar</span> →</button>
  </form>
  <div class="nu-fichas">
    <button type="button" class="nu-ficha">Busca un contacto</button>
    <button type="button" class="nu-ficha">¿Qué guías salen hoy?</button>
    <button type="button" class="nu-ficha">Clientes sin contacto hace 30 días</button>
    <button type="button" class="nu-ficha">¿Qué tengo pendiente hoy?</button>
  </div>
</section>

Clases: .nu-kodo .nu-kodo__fila .nu-kodo__texto .nu-kodo__enviar .nu-fichas .nu-ficha · Fragmento: snippets/ask-kodo.html