Aurelio is a premium Astro 6.4 creative portfolio theme for designers, studios, photographers, architects, and high-end personal brands. Inspired by Renaissance Rome, Italian fresco painting, classical symmetry, plaster textures, and marble proportions, it pairs editorial aesthetics with modern front-end performance.
Preview: https://aurelio-1xc.pages.dev/
Astro v6 Ready
Built on Astro 6.4.4 with Tailwind CSS v4, Motion scroll animations, TypeScript, and Astro Content Collections. Fully static — no database, no CMS, no backend required. Deploy free to Vercel, Netlify, or Cloudflare Pages.
Key Features
- 12+ pre-built pages including Home, Work, Services, About, Process, Journal, Contact, Styleguide, and 404
- Scroll-driven overlay work showcase with pinned storytelling sections on the homepage
- Persistent Roman ornaments (arch, halo, laurel) animated with Motion scroll triggers
- Markdown-based Content Collections for portfolio projects and journal articles
- Native image optimization via astro:assets (WebP/AVIF, responsive srcsets)
- CSS-first design system with Tailwind v4 — customize colors and fonts in global.css
- Accessibility-first with automatic prefers-reduced-motion support
- Backend-free contact form using mailto — no CRM or database needed
- SEO-ready with sitemap, RSS feed, Open Graph, and semantic HTML
- Detailed README with installation, customization, and deployment guides
Pages Included
- Homepage with cinematic hero and scroll-driven project chambers
- Work index with category filters
- Project detail pages with galleries and case study layouts
- Services overview with discipline cards
- About page with biography, timeline, and reading list
- Process page with five-stage methodology
- Journal index and article detail pages
- Contact page with mailto form and copy-to-clipboard
- Styleguide for design system reference
- Privacy Policy and Imprint pages
- Custom 404 page
Perfect For
- Creative directors and art directors
- Design studios and creative agencies
- Architects and spatial designers
- Photographers and visual artists
- High-end personal brands and freelancers
Quick Start
npm install → npm run dev → open http://localhost:4321
Customize content in src/data/ and src/content/. Replace demo images, copy, and testimonials before going live.
Created by noel.marketing
