Sección destacada

Standardized Design of Electronic Procedures

Start

First steps

Foundations

Components

Modules

Templates

Tokens

Support

Modules

Sección destacada

Sección de apertura al principio de la página cuando surge la necesidad de destacar un contenido inicial para el usuario.

Vista Previa

Figma

Componentes principales

Migas de pan

Botones

Usos

El Hero Negative (azul oscuro) se usa en pantallas de tipo ciudadano, y el tipo de Hero Positive (azul claro) se usa solo en entornos de tipo administrador.

Visualización de la sección destacada tipo negative

Dark

Visualización de la sección destacada tipo positive

Light

Configuración de la información

Navegación

Visualización de la sección destacada con migas de pan

Breadcrumb

Visualización de la sección destacada con enlace volver

Back Link

Extra info

Horizontal

Vertical

Actions

Button

Visualización de la sección destacada con enlace

Link

Variantes

Visualización de la sección destacada básica

Basic hero

Visualización de la sección destacada extendida

Hero extended

Visualización de la sección destacada con imagen

Hero image

Visualización de la sección destacada con buscador cerrado

Hero search closed

Visualización de la sección destacada con buscador abierto

Hero search open

Responsive

Visualización de la sección destacada en pantallas tamaño escritorio

Desktop

Visualización de la sección destacada en pantallas tamaño móvil

Mobile