Adequa

Guía de estilo

En esta página se describen los estilos y normas actuales de la web Adequa.

Colores

Una visión general de los colores corporativos de esta web.

Acción

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Comp

Primaria

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Comp

Secundaria

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Comp

Acento

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Comp

Base

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Comp

Sombra

Ultraligero

Luz

Medio

Oscuro

Ultra oscuro

Acción

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Primaria

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Secundaria

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Acento

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Base

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Sombra

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Éxito

Luz del éxito

Éxito oscuro

Suceso al pasar el cursor

Peligro

Luz de emergencia

Peligro: Oscuridad

Peligro: vuelo estacionario

Advertencia

Luz de aviso

Advertencia: Contenido oscuro

Advertencia al pasar el cursor por encima

info

Información

Info Light

Info Dark

Información al pasar el cursor

Botones

Los botones con fondo y los de contorno están disponibles en todos los conjuntos de colores, incluidos el blanco y el negro.

BOTONES SOBRE FONDO CLARO

AcciónResumen de las medidasPrimariaEsquema principalSecundariaEsquema de secundariaAcentoResumen de AccentBaseEsquema básico

BOTONES SOBRE FONDO OSCURO

AcciónResumen de las medidasPrimariaEsquema principalSecundariaEsquema de secundariaAcentoResumen de AccentBlancoContorno blanco

Escala de botones

Botón XS

btn--primary / btn--xs

Botón S

btn--primary / btn--s

Botón M

btn--primary / btn--m

Botón L

btn--primary / btn--l información

Botón XL

btn--primary / btn--xl

Botón XXL

btn--primary / btn--xxl

Tipografía

A continuación te muestro un resumen de los tamaños y grosores tipográficos adaptativos de esta web. Se calculan a partir de un tamaño base y una escala matemática.

Títulos

H1 (--xxl)

Título 1: Ordinario

Título 1: Mediano

Título 1 en negrita

H2 (--xl)

Título 2: Regular

Título 2 Mediano

Título 2 en negrita

H3 (--l)

Título 3: Ordinario

Título 3 Mediano

Título 3 en negrita

H4 (--m)

Rúbrica 4: Presupuesto ordinario

Título 4: Medio

Título 4, negrita

H5 (--s)

Título 5: Ordinario

Título 5: Medio

Título 5, negrita

H6 (--xs)

Partida 6: Presupuesto ordinario

Título 6: Medio

Título 6, negrita

Texto del cuerpo

TEXTO DEL CUERPO (--m)

Texto m Normal

Texto m Medio

Texto en negrita

TEXTO PEQUEÑO (--s)

Texto normal

Texto: Mediano

Texto en negrita

TEXTO EXTRA PEQUEÑO (--xs)

Texto xs Normal

Texto xs mediano

Texto xs en negrita

Ejemplos

Título 1 (H1)

Este es un texto grande. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.