Editorial Art
About the project
Portfolio template developed as an example for an artist client. The project stands out for its elegant editorial design with a focus on smooth scroll animations using Lenis and advanced visual effects with GSAP. Includes fluid transitions, horizontal scroll, zoom effect and a design that combines light and dark modes.
Main features
- Smooth scroll with Lenis for a fluid experience
- Advanced animations with GSAP and ScrollTrigger
- Horizontal scroll for image gallery
- Zoom effect with dark mode transition
- Fullscreen menu with circular clip-path animation
- Artwork gallery with hover effects
- Editorial design with serif and italic typography
- Transitions between sections with different backgrounds
Tech stack
Color Palette
Background
#FDFBF7
Editorial cream background
Foreground
#1A1A1A
Black text for contrast
Dark Mode
#151515
Dark background for bio section
Selection
#D4C5B0
Warm selection color
Typography & Iconography
Fraunces
Google Font
Main headings, editorial italic text
VISCERAL
72px • 300 • normal
SILENCE
72px • 300 • italic
Inter
Google Font
Body text, navigation, metadata
Pintura Contemporánea
14px • 400
MENU
12px • 500
Tech Stack
Lenis
Native smooth scroll
- Smooth scroll
- Natural momentum
- GSAP compatible
GSAP
Complex animations
- ScrollTrigger
- Pinning
- Horizontal scroll
- Timeline
Framer Motion
UI animations
- AnimatePresence
- Menu overlay
- Hover effects
Technical Details
Smooth Scroll with Lenis
Smooth scroll system that provides a fluid experience across the entire page
- GSAP ScrollTrigger integration
- Natural scroll momentum
- Compatible with pinned animations
Zoom Transition
Zoom effect that reveals the dark section of the page
- Letter 'V' scales up to 150x its size
- Dynamic menu color change
- Smooth transition between light and dark modes