This is a premium, editorial-inspired digital portfolio. Migrated from static code to a high-performance architecture using React 19 and Vite, it focuses on advanced visual storytelling and an uncompromising user experience.
The project follows a high-end editorial aesthetic, characterized by:
- Bold Typography: High-impact headings using
Bricolage Grotesque. - Sophisticated Whitespace: A clean, breathable layout that prioritizes content hierarchy.
- Advanced Visuals: Custom-engineered effects like the Gradual Blur Header and interactive Bento Grids.
- Fluid Navigation: Powered by Lenis Smooth Scroll for a premium browsing feel.
- Gradual Blur Header: An Apple-inspired progressive blur effect that adds depth and elegance.
- Bento Grid Layout: Dynamic and interactive sections for Services and the Lab.
- High Performance: Optimized with Vite for near-instant loading and smooth transitions.
- Responsive Architecture: Pixel-perfect design that adapts seamlessly from ultra-wide displays to mobile devices.
- React 19: Leveraging the latest features for modern web development.
- Vite 8: Next-generation frontend tooling for a fast development cycle.
- Tailwind CSS 4: Utilizing the latest utility-first styling patterns.
- GSAP: Industry-standard animation library for complex, high-performance motion.
- Lenis: Smooth scrolling for a refined user interaction.
- OverlayScrollbars: Customized, elegant scrollbar experience.
src/
├── components/ # Modular UI components (Hero, About, Bento Grids...)
├── assets/ # Static resources and brand assets
├── context/ # Global state management
├── index.css # Global styles and Tailwind configuration
└── App.jsx # Application entry point and layout-
Clone the repository
git clone https://github.com/sebastianvasquezechavarria1234/portfolio.git cd portfolio -
Install dependencies
npm install
-
Start development server
npm run dev
Built with passion and precision by Sebastián Vásquez Echavarría.
© 2023 - 2026. Almost all rights reserved.