astro-haze is a static, content-first Astro 7 theme built around a reusable glassmorphism UI system. One design language, three ready-to-ship surfaces: a blog, a portfolio, and a product landing page.
What's included
- Glass UI system — aurora backgrounds with reusable cards, buttons, badges, tags, sections and containers
- Blog — pagination, tags, table of contents, reading time, share links and prev/next navigation
- Portfolio — index with technology filters, case-study pages and responsive galleries
- Landing page — config-driven hero, features, benefits, pricing, gallery, testimonials, FAQ and final CTA
- Light / dark — system-aware theme toggle with no-flash startup and a synced theme-color
Built for real sites
- SEO & feeds out of the box — canonical URLs, Open Graph, Twitter cards, JSON-LD, an RSS feed and an XML sitemap
- Content Layer — Astro 7 collections with Zod-validated frontmatter; Markdown and MDX
- Optimized images — AVIF/WebP with responsive srcset via astro:assets
- Accessible & respectful — landmarks, skip nav, keyboard focus states, and honors `prefers-reduced-motion` / `prefers-reduced-transparency`
- Static & fast — minimal client JS; deploys to GitHub Pages or Cloudflare Pages
Configure your site identity, navigation, feature flags and social links from a single typed `site.config.ts`. Free and MIT licensed.
