Guía de Estilo
Conoce un poco más sobre el diseño, colores y tipografía que componen mi portafolio.
Colores
Gradiente Principal
Una paleta oscura, contrastante y vibrante con gradientes. Ideal para componentes estilo glassmorphism que no cansen la vista pero aporten elegancia.
Neutros Oscuros
Fondos principales y contenedores en el modo oscuro (por defecto).
Color de Selección
Definido en el seudo-elemento ::selection global.
Tipografía
Gilroy Bold
7xl (72px) / -0.025em tracking
Gilroy Semibold
5xl (48px) / -0.025em tracking
Gilroy Semibold
2xl (24px)
Albert Sans Variable. El diseño rápido y elegante comienza con una tipografía limpia. Este es el texto que se utiliza para párrafos largos, descripciones y contenido general en el portafolio, garantizando una excelente legibilidad.
Elementos UI
Botones
Estilos de botones interactivos con transiciones suaves en hover y sombras sutiles.
Etiquetas (Pills)
React 
Astro 
Tailwind 
TypeScript Etiquetas minimalistas para mostrar tecnologías y habilidades, usando el componente global `Pill`.
Tarjetas (Cards)
Project Name
Ejemplo de estilo claro (Light Card) usado en las tarjetas de proyectos para destacar contenido visual y mantener legibilidad máxima.
Dark Card
Ejemplo de estilo oscuro usado en la experiencia y bento grid para crear profundidad visual en el modo oscuro por defecto.
Iconos
Iconografía Principal
Los iconos SVG nativos se renderizan inline para máxima eficiencia. Se utilizan principalmente en navegación, enlaces externos y detalles decorativos.