← Hub / MECASO.me / Sistema de diseño
Foundations

Sistema de diseño

Elegante · Romántico · Moderno · Mobile-first. Los tokens, tipografía y componentes que dan vida a cada invitación de MECASO.me.

Paleta de color

Cream
#fff9f5
Warm White
#fffcfa
Espresso
#2f2523
Rose Gold
#b98676
Rose Gold Dark
#9a6b5d
Rose Gold Light
#d4a99a
Blush
#e8d8cf
Blush Light
#f2e8e2
Gold
#c9a227
Gold Light
#e0c95a
Gradient · Romantic
hero / fondos suaves
Gradient · Gold
acentos premium
Gradient · Rose
CTA / botones músic.

Tipografía

Display / Headings
Playfair Display
400 · 500 · 600 · 700 · italic
Cuerpo / UI
Inter
300 · 400 · 500 · 600 · 700
section-title · 48Diseños que enamoran
h2 · 32Tu invitación en 3 pasos
h3 · 22Confirmación de asistencia
hero italicMaría & Juan
body · 16Elige un estilo, personaliza los detalles y comparte la magia.
eyebrow · 11+20 estilos exclusivos

Botones

Variantes
Tamaños

Formularios

Se ve bien ✓

Ingresa un número válido.

Badges & estados

Borrador Premium Publicada Pendiente de pago Vencida Suspendida RSVP Más popular

Tarjetas & superficies

♡

.card

Sombra suave, hover elevado. Pasa el cursor.

◈

.card-flat

Borde sutil, sin elevación. Para formularios.

✦

.glass

Blur translúcido. Para la navbar fija.

Sombras, radios & ornamentos

Elevación
soft
medium
glow
Radios
Divisor ornamental
✦

MECASO.me — sistema de diseño reconstruido fielmente desde el código fuente.