Meridian Horology
Características principales
Paleta de color Restrained: marfil cálido, carbón oscuro, latón antiguo
Estrategia Restrained (neutros tintados + acento ≤10%)
Bitter slab serif + DM Sans en eje de contraste
Modo oscuro completo con 40+ variables CSS
Animaciones scroll-reveal con Intersection Observer
Secciones: héroe partido, filosofía, colecciones (alternadas), artesanía, prensa, contacto
Diseño responsivo mobile-first con layouts de colección variados
Descripción
Meridian Horology es una landing page completa para un taller independiente de relojería de lujo. Diseñada con un enfoque editorial contenido, la página presenta una paleta de marfil cálido con toques de latón antiguo — usando la estrategia de color Restrained de Impeccable. La página muestra tres colecciones de relojes (vestir, cronógrafo, campo) con diseños alternados, una sección de artesanía en 4 pasos, citas de prensa al estilo revista e información de visita al taller. Modo oscuro completo con transiciones suaves, animaciones scroll-reveal con Intersection Observer, accesible con contraste WCAG AA (text-primary 15.66:1, text-secondary 5.36:1, accent 5.52:1 sobre fondo). Navegación móvil responsive con menú hamburguesa. Tipografía: Bitter (titulares serif con patín) + DM Sans (cuerpo sans humanista).
Tecnologías utilizadas
HTML
CSS
JavaScript