FREE
May 3, 2026

AEON / SPACE - Cinematic Space Agency Template

A cinematic Astro template for space agencies, science publications and narrative brands — typed Markdown archives for missions, reports, news and launches, with a live countdown and paired light/dark themes.

No votes yet
AgencyLanding PageModern

AEON / SPACE is an editorial Astro template built around a simple idea: a space brand should feel larger than a landing page. Missions, discoveries, launch schedules and technical reports are all backed by structured content that powers both the home page and its own archive and detail routes.

✨ Features

  • 🎬 Cinematic home page — full-bleed hero, animated star field, orbital rings and angled desktop navigation
  • 🛰️ Five content collections — missions, reports, departures, news and standalone pages
  • 🔒 Type-safe content — every Markdown entry validated against a Zod schema before the build succeeds
  • ⏱️ Live launch countdown — reads the departure date and time from frontmatter and updates once per second
  • 📊 Animated statistics — agency metrics animate when the section enters the viewport
  • 🌗 Designed light and dark themes — not an inverted afterthought; separate tokens, overlays and brand assets
  • ⚛️ Focused React islands — React 19 only where browser state helps, the rest stays static HTML
  • 🎞️ Framer Motion 12 — hero entrances, section reveals and hover states that respect prefers-reduced-motion
  • 📱 Responsive by design — angled desktop nav collapses to an animated mobile menu

🧱 Stack

Astro 6, React 19, Tailwind CSS 4, Framer Motion 12, TypeScript and Astro Content Collections. Images are processed with Sharp at build time.

🚀 Deployment

The default build produces a platform-neutral static site. Dedicated build:vercel and build:cloudflare targets load an adapter only for the requested platform, so the standard build never becomes coupled to a host.

🎨 Rebranding

Customization is concentrated in four places: brand assets in public/brand/, design tokens in src/styles/global.css, site metadata in src/data/site.ts, and the Markdown in src/content/. Agency-specific content is not scattered across dozens of components.

Similar Templates

You may also be interested in these templates

Landpack - Astro Landing Page Template cover

Landpack - Astro Landing Page Template

An open-source Astro 7 landing page template for technical projects: typed content in YAML and Markdown, copyable install commands, multi-language code tabs, paired light/dark screenshots and AI-assisted customization.

Free
Mobi Launch - Premium Astro App Launch Template cover

Mobi Launch - Premium Astro App Launch Template

A focused launch page for an app before or during release: animated phone previews, paired light and dark themes, and a waitlist form that plugs into Formspree, Supabase or Google Sheets without a backend of your own.

€29.00
Lauro Guedes

Created by

Lauro Guedes

Get notified when a new template ships

We don't share your email address with anyone