Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Chronicle

Chronicle Astro Theme — Editorial Blog & Magazine Template

A Swiss editorial Astro blog theme for writers and journalists with MDX posts, motion, dark mode, and RSS.

€39.00

Chronicle preview
View live demoScroll to preview ->
View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Chronicle

€39.00

Demo

Live preview

Preview the theme in-browser

Explore the real hosted demo directly on the product page, or open it in a dedicated tab.

Open full preview
https://chronicle-83v.pages.dev/Demo

Why it fits

Why this Astro theme

  • Swiss editorial layout with typography-first reading experience

  • File-based MDX blog — no CMS required

  • Light and dark mode with accessible contrast ratios

  • Fullscreen opaque mobile menu for readable navigation

  • Conversion sections for featured posts, testimonials, newsletter, and CTA

  • SEO ready with sitemap, robots.txt, RSS, llms.txt, and Open Graph

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Independent writer and journalist sites
  • Magazine-style editorial blogs
  • Creator newsletters with long-form archives
  • Design and culture publications
  • Personal essay platforms

In the box

Features

Concrete pages, modules, and capabilities included in the download.

  • Swiss editorial layout with typography-first blog reading experience
  • File-based MDX posts — no CMS required
  • Light and dark mode with accessible contrast ratios
  • Fullscreen mobile menu with solid opaque background
  • Lenis smooth scroll, GSAP ScrollTrigger, Motion, anime.js, and Three.js hero
  • Featured posts, testimonials, newsletter, and CTA conversion sections
  • SEO ready with sitemap, robots.txt, RSS feed, llms.txt, and Open Graph

Stories worth remembering

Chronicle is a premium Astro theme for editorial blogs. Swiss design principles, careful line heights, and a conversion-aware homepage help writers ship a fast, typography-first presence without a CMS.

Featured posts, testimonials, newsletter, and CTA sections sit alongside Lenis smooth scroll and scroll-triggered choreography so the reading brand feels intentional from the first viewport.

Blog, about, and newsletter

Routes cover Home, Blog listing and posts, About, and Contact. Site identity, navigation, newsletter copy, and animation flags live in src/config/site.ts. Forms are placeholders ready for Formspree, Netlify Forms, or Buttondown.

Toggle Three.js, GSAP, Motion, or anime.js when you want a lighter build — reduced-motion preferences are respected automatically.

Feature highlights

  • Astro 7.2+ with TypeScript, Tailwind CSS v4, and MDX
  • Lenis, GSAP ScrollTrigger, Motion, anime.js, and Three.js hero canvas
  • Fullscreen mobile menu with solid background in both themes
  • RSS feed plus sitemap, robots.txt, and llms.txt
  • Deploy static dist/ to Vercel, Netlify, or Cloudflare Pages
  • Mobile-first line heights and safe descender spacing

Next step

Pairs well with this

Related products that fit the same product line, stack, or launch workflow.

AccountingFirm preview

AccountingFirm

€49.00

A polished Astro theme for accounting firms, CPAs, and financial advisors with aurora design, dark mode, and conversion-ready service pages.

astro theme
AIAgency preview

AIAgency

€39.00

An editorial Astro 7 theme for AI studios — EN/DE, work case studies, services, blog, and subtle motion.

astro theme
AISaaS preview

AISaaS

€39.00

A minimal, conversion-focused Astro theme for AI SaaS products with dashboard preview, comparison, pricing, and MDX blog.

astro theme

Ready to launch

Start building today

Get instant access after checkout. Download the full source, customize locally, and deploy to your host.

View demo

Secure checkout via Lemon Squeezy

VisaMastercardPayPalApple PayGoogle Pay

Available payment methods may vary by device and region.

Not ready to buy yet?

Get the free launch checklist for this stack — plus practical resources, product updates, and occasional subscriber discounts.

Frequently asked questions

Who is Chronicle built for?

Writers, journalists, creators, and editorial brands that care about typography, performance, and conversion.

Which pages are included?

Home, Blog (index and post), About, Contact, plus privacy, terms, 404, RSS, robots, and llms routes.

How do I publish posts?

Add MDX files to src/content/blog/ with title, description, pubDate, category, author, readingTime, and optional heroImage. Set draft true to hide a post.

Can I turn off animations?

Yes. Feature flags in src/config/site.ts toggle Lenis, GSAP, Three.js, Motion, anime.js, and dark mode. Animations respect prefers-reduced-motion.

Where can I deploy Chronicle?

Chronicle builds to static output and deploys to Cloudflare Pages, Vercel, Netlify, or any modern static host.