Gobierno de España

Diseño Normalizado de Trámites Electrónicos

Inicio

Primeros pasos

Fundamentos

Componentes

Módulos

Plantillas

Tokens

Soporte

Módulos

Sección destacada

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

Vista previa del componente cabecera

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

Visualización de la sección destacada con información extra en modo horizontal

Horizontal

Visualización de la sección destacada con información extra en modo vertical

Vertical

Actions

Button

isualizació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