A design-led Astro starter

This starter is intentionally small on the outside. The public site keeps four primary routes: Home, Blog, DESIGN.md, and Elements.

That shape is useful because a starter should not make you delete a product you never asked for. Instead, it should give you a strong visual foundation, a clear content model, and enough examples to understand how to extend it.

What stays

  • A designed home page
  • A Blog powered by MDX
  • A website version of DESIGN.md
  • An Elements page for the theme system
  • Global tokens in src/styles/global.css
  • Dark mode, RSS, sitemap, and SEO defaults

What was removed

The template no longer ships public demo pages for features, pricing, auth, contact, about, or changelog. Those pages can be built when your project needs them, using the same component and token system.

Why this works well with AI tools

AI coding tools work better when visual decisions are explicit. DESIGN.md explains the palette, typography, spacing, and component rules. The Elements page shows those decisions in the browser. Together, they give humans and agents the same source of truth.

A generic Astro 7 starter with Blog, DESIGN.md, Elements, Tailwind CSS v4, MDX, and a reusable theme system.

© 2026 · Released under the MIT License.

v1.0.0Astro 7 starterView source