{título_del_sitio}

Guía de estilo

Esta página describe los estilos y normas actuales del sitio web SLIMOP Space.

Colores

Una visión general de los colores de la marca de este sitio.

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

Éxito Hover

Peligro

Luz de peligro

Peligro Oscuro

Peligro Hover

Advertencia

Luz de advertencia

Advertencia Oscuridad

Aviso Hover

información

Información

Luz de información

Información

Info Hover

Botones

Los botones sólidos y de contorno están disponibles en todos los juegos de colores, incluidos el blanco y el negro.

BOTONES SOBRE FONDO CLARO

AcciónEsquema de la acciónPrimariaEsquema principalSecundariaEsquema secundarioAcentoEsquema de acentoBaseEsquema Base

BOTONES SOBRE FONDO OSCURO

AcciónEsquema de la acciónPrimariaEsquema principalSecundariaEsquema secundarioAcentoEsquema de acentoBlancoContorno blanco

Escala de botones

Botón XS

btn--primary / btn--xs

Botón S

btn--primary / btn--s

Botón M

btn--primario / btn--m

Botón L

btn--primario / btn--l

Botón XL

btn--primario / btn--xl

Botón XXL

btn--primario / btn--xxl

Tipografía

A continuación encontrarás un resumen de los tamaños y pesos de la tipografía responsiva de este sitio. Se calculan a partir de un tamaño base y una escala matemática.

Rúbricas

H1 (--xxl)

Rúbrica 1 Normal

Rúbrica 1 Media

Título 1 Negrita

H2 (--xl)

Rúbrica 2 Normal

Rúbrica 2 Media

Rúbrica 2 Negrita

H3 (--l)

Rúbrica 3 Normal

Rúbrica 3 Media

Rúbrica 3 Negrita

H4 (--m)

Rúbrica 4 Regular

Rúbrica 4 Media

Rúbrica 4 Negrita

H5 (--s)

Rúbrica 5 Normal

Rúbrica 5 Media

Rúbrica 5 Negrita

H6 (--xs)

Rúbrica 6 Regular

Rúbrica 6 Media

Rúbrica 6 Negrita

Cuerpo del texto

TEXTO DEL CUERPO (--m)

Texto m Regular

Texto m Medio

Texto m Negrita

TEXTO PEQUEÑO (--s)

Texto s Regular

Texto s Medio

Texto s Negrita

TEXTO XTRA PEQUEÑO (--xs)

Texto xs Regular

Texto xs Medio

Texto xs Negrita

Ejemplos

Rúbrica 1 (H1)

Este texto es 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.