HTML HEADINGS

H1-Sample text is being used as a placeholder.

H2-Sample text is being used as a placeholder.

H3-Sample text is being used as a placeholder.

H4-Sample text is being used as a placeholder.

H5-Sample text is being used as a placeholder.

H6-Sample text is being used as a placeholder.

HEADINGS MUSEO SANS

This is some text inside of a div block.

HEADINGS BE VIETNAM

This is some text inside of a div block.

PARAGRAPHS BE VIETNAM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

ALINACIÓN DEL TEXTO
‍

text-color-b&w-900

text-color-b&w-800

text-color-b&w-700

text-color-black-600

text-color-black-500

text-color-b&w-400

text-color-b&w-300

text-color-b&w-200

text-color-b&w-100

text-color-b&w-50

text-color-pverde-900

text-color-pverde-800

text-color-pverde-500

text-color-pverde-100

text-color-Az Bajo Ciano-900

text-color--Az Bajo Ciano-500

text-color--Az Bajo Ciano-100

text-color--Az Bajo Ciano-10

text-color-Az Fuerte Cobalto-500

text-color-Az Medio Claim-900

text-color-Az Medio Claim-500

text-color-Az Medio Claim-100

text-color-Az Medio Claim-50

text-color-violeta-300

text-color-lila-300

text-color-malva-300

text-color-azul indigo-300

text-color-azul cielo-300

text-color-menta electrico-300

ALINACIÓN DEL TEXTO
‍

text-align-left

text-align-center

text-align-right

PESOS TIPOGRÁFICOS

text-weight-bold

text-weight-semibold

text-weight-medium

text-weight-normal

PALETA DE COLORES VERDE MENTA
‍
‍

Blue-500

Blue-900

Blue-800

Blue-700

Blue-600

Blue-400

Blue-300

Blue-200

Blue-100

Blue-50

PALETA DE COLORES BLACK & WHITE
‍

B&W-900

B&W-800

B&W-700

B&W-600

B&W-500

B&W-400

B&W-300

B&W-200

B&W-100

B&W-50

MÁRGENES GENERALES
‍

Margin top

Margin bottom

Margin left

Margin right

Margin vertical

Margin horizontal

MÁRGENES POR TAMAÑ0

margin-tiny
W: 2px
T:2px
M:2px

margin-xxsmall
W:4px
T:4px
M:4px

margin-xsmall
W:8px
T:8px
M:8px

margin-small
W:16px
T:16px
M:16px

margin-medium
W:32px
T:24px
M:20px

margin-large
W:48px
T:40px
M:24px

margin-xlarge
W:64px
T:48px
M:32px

margin-xxlarge
W:80px
T:64px
M:48px

margin-huge
W:96px
T:80px
M:56px

margin-xhuge
W:128px
T:96px
M:64px

margin-xxhuge
W:192px
T:128px
M:72px

PADDINGS GENERALES

Padding top

Padding bottom

Padding left

Padding right

Padding vertical

Padding horizontal

PADDINGS POR TAMAÑ0

padding-tiny
W: 2px
T:2px
M:2px

padding-xxsmall
W:4px
T:4px
M:4px

padding-xsmall
W:8px
T:8px
M:8px

padding-small
W:16px
T:16px
M:16px

padding-medium
W:32px
T:24px
M:20px

padding-large
W:48px
T:40px
M:24px

padding-xlarge
W:64px
T:48px
M:32px

padding-xxlarge
W:80px
T:64px
M:48px

padding-huge
W:96px
T:80px
M:56px

padding-xhuge
W:128px
T:96px
M:64px

padding-xxhuge
W:192px
T:128px
M:72px

BOTONES
‍

button.primary

Más información

button.Gsecondary

Más información

Padding right

Más información