VIAJA DIFERENTE

Design System

Guia de estilos: colores, tipografia (Jost), botones y campos de formulario configurados en los Ajustes del Sitio de Elementor.

Colores Globales

Primary

#D7CFA8

Secondary

#373737

Text

#5A5A5A

Accent

#C2BA93

Borde / Lineas

#CCCCCC

Fondo Off-White

#F8F9FA

Superficie Oscura

#242424

Blanco Puro

#FFFFFF

Tipografia Global (Jost)

Aa Bb Cc — Display / Hero Title

Display / Hero Title · 3.5rem · 700 · lh 1.15 · ls -0.02rem

Aa Bb Cc — Encabezado H1

H1 · 2.5rem · 700 · lh 1.2 · ls -0.01rem

Aa Bb Cc — Encabezado H2

H2 · 2.0rem · 600 · lh 1.25

Aa Bb Cc — Titulo de Tarjeta

H3 (Card Titles) · 1.375rem · 600 · lh 1.3

Aa Bb Cc — Subtitulo

H4 (Subtitulos) · 1.125rem · 600 · lh 1.4

SUBHEAD / BADGE

Subhead / Badge · 0.8125rem · 600 · UPPERCASE · ls 0.0625rem

Texto de cuerpo (Body Text): parrafo de ejemplo con la tipografia base del sitio para descripciones de destinos y contenido general de Viaja Diferente.

Body Text · 1.0rem · 400 · lh 1.6

Caption / Small Text: texto pequeno para notas, fechas y metadatos.

Caption / Small Text · 0.875rem · 500 · lh 1.4

Botones

Hover: texto #FFFFFF sobre fondo #373737. Padding 0.875rem / 1.75rem. Radio de borde 0.25rem (–btn-border-radius).

Campos de Formulario

NombreCorreo electronicoMensaje

Design System generado para Viaja Diferente — configurado en Ajustes del Sitio de Elementor (tema Hello Elementor).