Design system documentation, UI components, and site information
Complete component library with live examples, design tokens, and interactive showcases of all UI elements used throughout the site.
Interactive showcase of 5 loading animations and 9 page transition effects. Test all animation styles with live demos and customization options.
Complete guide to implementing loading animations, page transitions, hero entrance effects, and text roll reveals with code examples.
Detailed brand guidelines including typography rules, color theory, spacing principles, and visual language standards.
Animated text reveal system for hero titles and subtitles. Splits text by word or line with staggered roll-up animations and configurable timing.
Slide-down entrance animation for case study hero sections with coordinated video/image reveals and staggered side content animations.
Horizontal accordion with vertical tab labels and expandable content panels. Features smooth transitions, numbered tabs, and responsive layout.
Fixed background parallax effect for creating depth in image sections. Implements background-attachment: fixed with scroll performance optimization.
Nine unique page transition styles including curtain wipe, circle expand, split reveal, diagonal wipe, pixel dissolve, glitch, and mosaic blocks.
Five distinct loading animation styles: orbital circles, geometric morph, liquid wave, glitch text, and particle burst with progress indicators.
Comprehensive markdown documentation for the design system including component guidelines, usage patterns, and implementation examples.
Step-by-step guide for implementing animations including configuration options, customization tips, and performance recommendations.
Documentation for implementing parallax hero sections with gradient circles, mouse tracking, and interactive visual effects.
Guidelines for creating responsive layouts from desktop-first approach including breakpoints, mobile optimization, and accessibility.
Search engine optimization documentation covering meta tags, structured data, sitemap configuration, and performance optimization.
Main project documentation with overview, setup instructions, file structure, and development workflow information.