Designloop

Componentes

Acciones
BotónEnlace de texto
Navegación
Cabecera
Feedback
AvisoIndicador de cargaInsignia
Contenido
Cabecera de páginaMosaicoTarjeta

Componentes

Piezas reutilizables. Cada una enlaza con su código en producción y muestra su recreación exacta.

Acciones

  • Botón

    Lanza una acción o lleva al siguiente paso. Un solo botón principal por grupo de acciones.

    En producción
  • Enlace de texto

    Enlace subrayado con flecha opcional, para acciones secundarias dentro de un bloque.

    En producción

Navegación

  • Cabecera

    Barra fija con la marca, la navegación y las dos acciones de cuenta.

    En producción

Feedback

  • Aviso

    Mensaje en línea que informa del resultado de una acción o de una situación de la cuenta. Cuatro tonos.

    En producción
  • Indicador de carga

    Círculo que gira mientras una acción está en curso. Hereda el color y el tamaño del texto que acompaña.

    En producción
  • Insignia

    Etiqueta corta de estado, rol o categoría. Once tonos, de la marca y de estado.

    En producción

Contenido

  • Cabecera de página

    Título de las pantallas de lista y de ajustes del portal en serif display, con antetítulo, descripción y acciones opcionales.

    En producción
  • Mosaico

    Rectángulo de color de marca con una ilustración centrada. Acompaña a pasos y bloques de la landing.

    En producción
  • Tarjeta

    Superficie blanca con borde y sombra suave que agrupa un bloque de contenido. Cabecera, título y cuerpo opcionales.

    En producción