Guía de Estilos
Design System
Documentación de los tokens de diseño, paleta de colores, tipografía y componentes del Estudio Ovalle.
Colores
Paleta de colores premium y sobria.
Gold
#AD8347
--gold
Steel
#243D57
--steel
Slate
#646B78
--slate
Graphite
#171A21
--graphite
Graphite Card
#272C36
--graphite-card
Light BG
#F1F2F4
--light-bg
Light BG Warm
#EBE6DC
--light-bg-warm
Light FG
#1C2030
--light-fg
Tipografía
Fuentes utilizadas en el proyecto.
Fuente Display (Títulos)
Cormorant Garamond
Heading 1
Heading 2
Heading 3
Heading 4
Fuente Body (Textos)
Karla
Texto grande para bajadas o subtítulos. La mesa redonda como método de defensa colectiva.
Texto de párrafo normal. En vez de que un solo abogado asuma la defensa, todo el equipo se impone del caso. En una reunión colectiva nos empapamos de los hechos y aportamos criterios.
Texto pequeño para notas, leyendas o información secundaria.
Eyebrow text
Componentes Base
Botones
Formularios
Badges
Logotipo
Variaciones del logotipo para fondos claros y oscuros.
Tratamiento de Imágenes
Estilo fotográfico y encuadres premium.
Retratos del Equipo
Encuadre vertical (relación 3:4), iluminación sobria y fondo neutro. Filtro blanco y negro opcional para destacar autoridad (ej. Socio Fundador en el Home).
Fondos y Hero
Uso de viñetas oscuras y degradados (vignette y bottom-fade) para asegurar el contraste perfecto con el texto claro o dorado, sin perder la textura de la imagen.
Iconografía
Geométrica, minimalista y conceptual. Evitamos los clichés legales clásicos (balanzas, martillos).
(Mesa)
(Nodos)
(Protección)
(Empresa)