Banner

El banner destaca un mensaje importante dentro de una pantalla, como una promoción o un servicio nuevo. Lleva un título corto y, si hace falta, una sola acción.

Hola, Vicente

Toyota Yaris · JTRX-12

TAG a domicilio

Te lo instalamos donde estés, sin filas ni trámites.

Mantención

Revisión técnica

Multas

Anatomía

Un contenedor redondeado que recibe cualquier contenido. La variante dark suma un patrón de fibra de carbono, por eso el contenido lleva relative z-10 para quedar encima.

TAG a domicilio

Sin filas ni trámites.

  1. Contenedor
  2. Patrón de fibra de carbono
  3. Contenido

Variantes

Dark llama la atención sobre cualquier fondo. Accent es más amable y convive mejor con el resto de la pantalla.

15% en tu mantención

Hasta el 31 de octubre

DarkPromociones y servicios nuevos. Es la variante con más peso visual.

Revisión técnica en marzo

Te avisamos un mes antes

AccentAvisos y recordatorios que importan, pero no son urgentes.

Uso

TAG a domicilio

Sí
Un título corto y una sola acción clara.

Ahora puedes agendar la instalación de tu TAG a domicilio en cualquier comuna de Santiago, de lunes a sábado, con técnicos certificados.

No
Párrafos largos y varias acciones. Nadie lee un banner completo.

Tu SOAP vence en 12 días

Sí
Un banner por pantalla, para que destaque de verdad.

TAG a domicilio

Tu SOAP vence en 12 días

No
Banners apilados compiten entre sí y ninguno gana.

Código

import { Banner } from '@carvuk/design-system/components/banner';

<Banner variant='dark'>
  <p className='relative z-10 heading-5'>TAG a domicilio</p>
</Banner>