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 combines editorial aesthetics with cutting-edge front-end performance.

Live preview: https://aurelio-1xc.pages.dev/

Built on Astro 6.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: Home, Work, Services, About, Process, Journal, Contact, Styleguide, 404, Privacy & Imprint

• 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

• Custom 404, Privacy Policy, and Imprint pages

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 — https://noel.marketing