Milagros · Sistema de diseño

Guía de estilo

Minimalista premium, con aire suizo / editorial. Color principal: negro / gris oscuro neutro. Azul profundo como secundario y dorado #C18021 como acento. Tipografía: Bricolage Grotesque — una sola familia para títulos, cuerpo y UI. La jerarquía sale del peso (display/bold en títulos, regular en cuerpo).

01 · Paleta

Color

Principal — negro / gris oscuro neutro

Dominante: texto, estructura y fondos oscuros. Sin tinte azul.

#0A0A0A

Casi negro

Texto, primario

#1C1C1C

Gris oscuro

Superficies oscuras

Secundario — azul profundo

Acentos y secciones oscuras puntuales. Nunca dominante.

#102945

Navy 700

Secundario base

#0C1F34

Navy 800

Fondo oscuro

#0A101A

Navy 900

Fondo muy oscuro

Acento — dorado

CTAs, links, subrayados y detalles. Usar con moderación.

#C18021

Gold 500

Acento principal

#A86D18

Gold 600

Hover / activo

#D49A45

Gold 400

Sobre oscuro

Claros y neutros

Fondos, secciones alternas, bordes y divisores.

#FFFFFF

Blanco

Fondo base

#F5F5F3

Off-white

Sección alterna

#CFCECE

Steel 300

Bordes claros

#B3B3B3

Steel 400

Divisores / sobre oscuro

02 · Tipografía

Jerarquía

H1 · Bricolage Grotesque · Bold (700) · 60/64

Reservas a tu marca

H2 · Bricolage Grotesque · Bold (700) · 36/40

Todo en una sola pieza

H3 · Bricolage Grotesque · Semibold (600) · 30/36

Pagos que confirman solos

H4 · Bricolage Grotesque · Semibold (600) · 24/32

Panel de gestión claro

H5 · Bricolage Grotesque · Medium (500) · 20/28

Recordatorios automáticos

H6 · Bricolage Grotesque · Semibold (600) · 16/24 · uppercase

Google Calendar

Body large · Regular (400) · 18/30

Diseñamos y construimos tu sitio con turnos online, cobros automáticos y panel de gestión.

Body · Regular (400) · 16/26

Agendar por WhatsApp, perseguir pagos y anotar turnos a mano te roba horas y deja plata sobre la mesa. Hoy tus clientes esperan reservar online.

Body muted · texto secundario

Cada sitio es a medida: tu marca, tus servicios, tu propia instancia.

Link · subrayado dorado

Mirá un demo en vivo de la plantilla.

Caption / overline

Demo — los datos son de ejemplo

03 · Componentes

Botones

Variantes — el primario es near-black (protagonista); el dorado se reserva para el CTA de realce.

Tamaños

Estados — el foco de teclado se ve con un anillo dorado (probá con Tab).

04 · Componentes

Tarjetas

Función
Reservas online
Tus clientes eligen servicio, día y hora desde el celular, 24/7.
Destacado
Pagos con Mercado Pago
Cobrás seña o total online; el pago confirma el turno solo.
Automático
Recordatorios
Avisos por email antes de cada turno. Menos ausencias.

Badges

Primario
Secundario
Dorado
Outline
Muted

05 · Componentes

Formularios

06 · Superficies

Secciones oscuras

Para hero alterno o footer. El near-black es la base; el navy aparece como acento secundario y el dorado realza el CTA.

Near-black · #0A0A0A

¿Listo para tener tu web de reservas?

Contanos sobre tu negocio y te mostramos cómo quedaría.

Navy · #0C1F34

Tu instancia, a tu nombre

El dominio, la base de datos y la cuenta de cobros quedan tuyas.