Fondo de puntos

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

El fondo de toda el área de contenido. Las superficies blancas van encima.

Vista · datos de ejemplo

Superficie blanca sobre el fondo de puntos

Las tarjetas, listas y fichas son blancas con borde de 1 px; los puntos se ven sólo entre ellas.

Anatomía

#f8f9fa con puntos #e1e5e8 de 1 px cada 18 px
En oscuro: #0e1226 con puntos blancos al 7 %

Sí

Úsalo en el contenido de toda pantalla del sistema

No lo pongas en la cabecera ni en el menú (son blancos)
No uses el gris cálido #f4f4f1 en el contenido (quedó para fondos de marca e imágenes de relleno)

HTML exacto

<main class="nu-fondo" style="padding:48px 24px;min-height:260px">
  <section class="nu-kodo" style="max-width:560px;margin:0 auto">
    <span class="nu-etiqueta">Superficie blanca sobre el fondo de puntos</span>
    <p style="margin:0">Las tarjetas, listas y fichas son blancas con borde de 1 px; los puntos se ven sólo entre ellas.</p>
  </section>
</main>

Clases: .nu-fondo · Fragmento: snippets/dotted-background.html