Identidad tipográfica y cromática de la web actual, con el movimiento e inmersión de la propuesta. Un solo lenguaje, mínimo y contemporáneo.
Seis neutros cálidos y un único acento cobre en dos tonos. El dorado de la propuesta se fusiona con el cobre de marca. Contraste medido sobre paper.
Neutros
--c-paper--c-bone--c-sable--c-ink-soft--c-ink--c-onyxAcento
--c-copper--c-patineBase editorial
Fondo general, catálogo, fichasBanda de acento
CTA, newsletter, test olfativoInmersión
Footer, escenas nocturnas, experienciaSe reemplaza Georgia / system-ui de la propuesta —la principal causa del tono anticuado— por las familias de marca. Nueve estilos cubren toda la web; tamaños fluidos con clamp().
Solo titulares grandes. Hero y H1.
Nombres de perfume, títulos, lead. Itálica para énfasis.
UI, cuerpo, precios, navegación.
--t-heroOud Wood
--t-h1Casas olfativas
--t-h2Conoce nuestras marcas
--t-h3Aoud Extraordinaire
--t-leadUna casa de perfumes para descubrir con calma el aroma que te representa.
--t-bodyRoja Parfums, una de las grandes casas de la perfumería británica, reconocida por sus creaciones opulentas y sofisticadas firmadas por el perfumista Roja Dove.
--t-smallEau de Parfum · 100 ml $749.990
--t-eyebrowExperiencia boutique
--t-buttonEscala de 8 pasos sobre base 4px. Secciones y márgenes laterales fluidos.
--sp-14px--sp-28px--sp-316px--sp-424px--sp-532px--sp-648px--sp-772px--sp-8120px48 → 120px
--section-y16 → 48px
--gutter1480px
--containerEsquinas rectas como identidad; círculo solo para controles. Sombras suaves, más un halo cobre para producto en escena.
--radius-0 · botones, inputs, tarjetas--radius-sm · chips, badges--radius-round · scroll, pausa, bolsa--shadow-sm · tarjetas hover--shadow-lg · drawer, megamenú--glow-copper · producto en escenaLo más valorado de la propuesta, sistematizado: 3 curvas y 5 duraciones. Toca cada tarjeta para reproducir. Se desactiva con prefers-reduced-motion.
¿Para qué ocasión buscas tu perfume?