Guía de estilo

Consejos profesionales: pegue este contenido en una página dedicada llamada "Guía de estilo". Convierta cada estilo de color a continuación en muestras globales para que puedan usarse en texto, bordes, fondos y degradados. Para hacer esto, seleccione un elemento de estilo de color, navegue a la sección Color de fondo en el panel Estilo, edite el color y agréguelo como una muestra global.

estilos de texto

Título 1

Archia Bold 56px/64px - Móvil: 36px/56px

Título 2

Archia Bold 32px/44px - Móvil: 28px/40px

Título 3

Archia Negrita 20px/28px

Cuerpo del texto: 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.

Archia Normal 16px/26px

Texto corporal pequeño: 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.

Archia Normal 12px/16px

Extra / Introducción

Archia Medio 16px/24px

Adicional / Número

Archia Negrita 72px/96px

Extra/Botón/Enlace

Archia Negrita 16px/24px

Archia Negrita 36px/40px

estilos de color

imagen-BG - #C8C8C8

Acento-100 - #95D4EB

Acento-500 - #32BDEF

Acento/capaz - #097EA8

Neutro-00 - #FFFFFF

Neutro-100 - #FAFAFA

Neutro-200 - #ADB9BA

Neutro-300 - #7F8E8F

Neutro-400 - #5C6263

Neutro-500 - #3D4041

Neutro-150 - #E9E9E9

Secundario-00 - #DDF5F8

Secundario-400 - #195D63

Secundario-500 - #004A51

Terciario-100 - #80A5A8

Terciario-200 - #157A92

Encabezado de degradado - 0 % / #004A51 / 100 % / rgba (0, 74, 81, 0)

Láser de gradiente - 0% / #32BDEF / 100% / rgba(50, 189, 239, 0.12)