Simple portfolio Astro theme
Its carefully balanced layouts, smooth user experience, and lightning-fast performance make it perfect for portfolios, personal brands, and creative studios. With built-in blog, testimonials, and light and dark modes, Hilton provides everything needed to create an impressive portfolio website.
✨ Perfect For
- Graphic & UI/UX Designers presenting clean, high-impact portfolios
- Art Directors & Creative Professionals who value minimalist aesthetics
- Freelancers & Content Creators building a sleek personal brand
- Developers & Tech Bloggers who want a fast, markdown-ready site
- Creative Agencies looking for a minimal, lightweight client showcase
- Anyone who wants a perfect balance of portfolio + blog without unnecessary bloat
Key Features
- Super Simple Setup – Highly customizable, clean configuration file (settings.ts)
- Footer Photo Gallery – Built-in Instagram-style or lifestyle gallery grid to add a personal touch
- Author Bio Section – Professional hero and introduction blocks with avatar support
- Submenu Navigation – Advanced multi-level dropdown menus for seamless site organization
- Automated Color Scheme – Smart auto light/dark mode that adapts to user system preferences out of the box
Portfolio & Content
- Dynamic Projects Section – Dedicated layout optimized for showcasing your latest and best work
- Recent Blog Posts – Keep your homepage fresh by automatically displaying your latest articles
- MDX & Content Collections – Fully managed projects, blog posts, and custom pages
- Smart Pagination – Fully configurable post limits for clean blog index pages
Visual Features
- Dark/Light Mode Toggle – Smooth, persistent theme switching backed by localStorage
- Medium-Style Image Zoom – Elegant full-screen image preview on click
- Optimized Images – Powered by Astro’s native Image component for next-gen formats and lazy loading
- Syntax Highlighting – Beautiful code blocks with a built-in copy button for technical writers
- Flexible Callout Boxes – Stylized Markdown notes, tips, warnings, and caution boxes
- Scroll to Top – Smooth back-to-top navigation for a flawless user experience
- Lightning Fast – Optimized for perfect performance scores
- SEO-Friendly – Canonical URLs, OpenGraph, and Twitter Cards
- Sitemap & RSS – Automatic generation
- 100% Responsive – Flawless on all devices
- Modern Code – Clean, maintainable TypeScript/SCSS
- Newsletter Subscription – Built-in Mailchimp integration to grow your audience
- Contact Form – Formspree-powered functional contact section (up to 50 free monthly submissions)
- Disqus Comments – Built-in production-ready comment system for your blog posts
- Modern Iconography – Font Awesome 7 icons via Iconify (SVG, npm-based)
- Google Analytics – Ready for GA4 tracking by simply pasting your Measurement ID
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
- Contact setup
- Social links
- Analytics and comments
Testimonials (src/data/testimonials.ts):
- Client testimonials array
- Name, photo, designation, link, and quote
- Section title and enable/disable
- TypeScript type safety
What’s Included
- Complete Astro creative portfolio theme files
- 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
Built With Modern Stack
- Astro 6 – The fastest framework for content-driven websites
- TypeScript – Type-safe settings and robust configuration
- SCSS – Modular, maintainable, and structured styling
- Font Awesome 7 – High-quality vector icons powered by Iconify
- Custom Vanilla JS – Lightweight scripts for image zoom, mobile menus, and theme switching
