Dorado Acento
#c5a880
--color-accent
Sistema de Diseño
Esta sección documenta el lenguaje visual y la biblioteca de componentes reutilizables (UI Kit) que dan forma a la identidad premium y adaptabilidad de Mikáera Studio.
Logotipo e Identidad
Comportamiento del logotipo sobre contrastes extremos de luz y oscuridad para garantizar su legibilidad en el header dinámico.
Premium Vector
Paleta de Colores
Nuestra paleta combina tonos champaña, dorados y grises suaves con fondos oscuros profundos y marfiles claros para una experiencia visual de alta gama.
Fondo Principal
#0d0d0d / #f9f9f9
--color-bg
Fondo Alternativo
#000000 / #ffffff
--color-bg-alt
Texto Principal
#ffffff / #111111
--color-text-primary
Texto Secundario
#a6a6a6 / #555555
--color-text-secondary
Escala Tipográfica
Usamos Montserrat como tipografía principal. Los tamaños de títulos usan fórmulas clamp() para encogerse y expandirse con fluidez de forma matemática según el viewport.
Título Principal (H1) — clamp(2.2rem, 5vw, 3.5rem)
Capturar el tiempo.
Título Secundario (H2) — clamp(1.8rem, 4vw, 2.4rem)
Portafolio Visual
Subtítulo / H3 — clamp(1.2rem, 3vw, 1.6rem)
El Concepto Editorial
Texto de Párrafo (Body) — 15px / Line-height 1.8
Sesiones de retrato artístico, moda y fotografía documental. Creando recuerdos que trascienden el tiempo con una perspectiva minimalista y sofisticada.
Etiqueta Pequeña (Small) — 11px
Editorial de Moda
Botones y Estados
Nuestros botones heredan una clase base y se modifican para reflejar jerarquías claras de acción con micro-interacciones de hover y focus-visible.
Primary Button
Accent / Filter Button
Link Button
Formularios & Campos
Campos de entrada minimalistas basados en una sola línea inferior que cambia a color dorado en estado activo. Cuenta con contador de caracteres dinámico.
Componentes Interactivos
Prueba los componentes dinámicos haciendo clic para disparar la notificación Toast del sistema.