Creative Portfolio Theme for Astro
Avenco combines bold visual impact with elegant functionality. The theme features a dramatic full-screen cover image that immediately captures attention, followed by carefully crafted sections that guide visitors through your work. Every element is designed to highlight your creativity while maintaining a clean, professional aesthetic that puts your portfolio front and center.
β¨ Perfect For
- Art Directors presenting creative campaigns
- Graphic Designers showcasing brand work
- UI/UX Designers displaying product designs
- Creative Agencies presenting client portfolios
- Freelancers building professional presence
- Brand Designers showing identity work
- Digital Artists exhibiting creative projects
- Anyone who wants portfolio + blog + wow factor
Key Features
- Full-Screen Cover Image β Stunning homepage hero that makes a powerful first impression
- Contact Modal Overlay β Beautiful popup contact form triggered from navigation
- Testimonials Slider β Showcase client feedback with responsive carousel (Tiny Slider)
- Typing Animation Effect β Eye-catching animated text in newsletter section
- Submenu Navigation β Advanced dropdown menus for better organization
- CTA Button in Nav β Dedicated call-to-action button in header
Portfolio & Content
- Hero Section β Professional introduction with customizable content
- Portfolio Projects Section β Dedicated content type for showcasing work
- Recent Blog Posts β Display latest articles on homepage
- Multiple Content Types β Projects, blog posts, and custom pages
Visual Features
- Dark/Light Mode Toggle β Smooth theme switching with localStorage
- Medium-Style Image Zoom β Click images for elegant full-screen view
- Gallery Support β Create beautiful multi-image galleries
- Optimized Images β Automatic optimization using Astroβs Image component
- Syntax Highlighting β Beautiful code blocks with copy button
- Callout Boxes β Note, tip, warning, and caution styles
- Scroll to Top β Smooth scroll button for easy navigation
- Lightning Fast β Optimized for perfect performance scores
- SEO-Friendly β Canonical URLs, OpenGraph, and Twitter Cards
- Sitemap & RSS β Automatic generation
- View Transitions β Smooth navigation with Astroβs API
- 100% Responsive β Flawless on all devices
- Modern Code β Clean, maintainable TypeScript/SCSS
- Newsletter with Animation β Mailchimp integration with typing effect
- Contact Form Modal β Formspree-powered form in overlay
- Social Links β Font Awesome 7 icons for all platforms
- Disqus Comments β Built-in comment system for blog posts
- Google Analytics β GA4 tracking ready
Easy Customization
All settings centralized in TypeScript configuration files:
Main Settings (src/data/settings.ts):
- Site information and branding
- Cover image configuration
- Color scheme (auto/light/dark)
- Hero section content
- Navigation with submenus
- Projects and blog sections
- Newsletter with typing texts
- Contact modal setup
- Social links
- Analytics and comments
Testimonials (src/data/testimonials.ts):
- Client testimonials array
- Name, photo, role, and quote
- Section title and enable/disable
- TypeScript type safety
Whatβs Included
- Complete Astro creative portfolio theme
- Comprehensive HTML documentation
- Example projects with all features
- Sample blog posts and pages
- Testimonials data structure
- Ready-to-use components and layouts
- TypeScript configuration files
- SCSS styling system
- Tiny Slider library integration
- Custom typing animation script
- Professional code structure