Skip to content
noel.marketing
Deutsch
Astro ThemeAvailable now

Violet Dispatch

Violet Dispatch Astro Theme for Editorial Creative Portfolios

An editorial Astro theme with magazine layout, MDX projects, parallax storytelling, and serif display typography.

€69.99

Violet Dispatch 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.

Violet Dispatch

€69.99

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://violet-8s7.pages.dev/Demo

Why it fits

Why this Astro theme

  • Launch an editorial portfolio with both project case studies and magazine-style articles.

  • Use Playfair Display and Inter for a classic editorial feel that stands apart from sans-only templates.

  • Add parallax image breaks and optimized media components for visual storytelling.

  • Keep ownership simple with MDX collections and TypeScript data files instead of a CMS.

  • Use the styleguide page as a design inventory for fast rebranding.

  • Ship RSS, sitemap, and robots.txt for SEO without extra plugins.

Built for

Perfect for

Typical scenarios this product is designed to support.

  • Editorial creative agency
  • Digital storytelling studio
  • Magazine-style personal brand
  • Brand strategy portfolio
  • Content-led creative studio
  • Photography and art direction showcase
  • Dual content portfolio
  • Static editorial starter

In the box

Features

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

  • Editorial homepage with featured story, marquee, parallax breaks, and content grid
  • MDX projects and magazine posts in separate content collections
  • Playfair Display and Inter typography with @tailwindcss/typography
  • ParallaxImage and OptimizedPicture media components
  • Site config in src/data/site.ts, navigation.ts, and socials.ts
  • Styleguide page as a design inventory
  • RSS, sitemap, and robots.txt
  • Static output with no required CMS

An editorial portfolio for stories worth telling

Violet Dispatch is a premium Astro theme for creative professionals who think in stories, not just project grids. The homepage combines a hero, featured story, marquee, content grid, parallax break, services, about preview, and final CTA — all tuned for editorial pacing rather than startup conversion formulas.

Playfair Display headlines and Inter body copy give the site a magazine-quality typographic voice. A violet-toned palette reinforces the editorial positioning.

What is included

Violet Dispatch includes home, projects index and detail, magazine index and detail, about, contact, styleguide, legal, privacy, RSS, robots.txt, and a custom 404 page.

Projects are MDX files in src/content/projects/. Magazine posts live in src/content/posts/. Site metadata, navigation, and social links are in src/data/site.ts, navigation.ts, and socials.ts.

Parallax storytelling and optimized media

ParallaxImage and OptimizedPicture components handle editorial photography with care. Parallax breaks on the homepage create rhythm between content sections. The styleguide route documents the full design inventory for buyers who rebrand after purchase.

Built on a static-first Astro stack

Violet Dispatch is built with Astro 6.4, TypeScript, Tailwind CSS v4, MDX, Sharp, Fontsource fonts, @tailwindcss/typography for long-form articles, sitemap, and RSS. There is no required CMS, database, or backend.

Node >= 22.12.0 is recommended.

Customization workflow

Update branding in src/data/site.ts. Replace demo projects and magazine posts with real work and articles. Swap images through the optimized media components. Adjust navigation and social links in the data layer before publishing.

Next step

Pairs well with this

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

Arrowline preview

Arrowline

€49.99

A conversion-focused Astro agency theme with case studies, pricing, journal, and directional motion.

astro theme
Astrofitness preview

Astrofitness

€39.99

A premium Astro 7 fitness theme with programs, booking, results, pricing, and cyber-athletic design.

astro theme
Atelier Motion preview

Atelier Motion

€49.99

A cinematic one-page Astro portfolio with refined motion, FAQ, testimonials, and atmospheric imagery.

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.

Frequently asked questions

Who is Violet Dispatch built for?

Violet Dispatch is designed for creative agencies, digital storytellers, editorial portfolios, brand strategists, and studios that publish magazine-style content alongside project work.

Does Violet Dispatch have a blog or a magazine?

It uses a magazine route at /magazine with MDX posts in src/content/posts/. Projects are separate MDX files in src/content/projects/.

What pages are included?

The theme includes home, projects index and detail, magazine index and detail, about, contact, styleguide, legal, privacy, RSS, robots.txt, and a custom 404 page.

Does Violet Dispatch need a CMS?

No. Projects and magazine posts are MDX content collections. Site settings, navigation, and social links live in src/data/.

What typography does it use?

Violet Dispatch pairs Playfair Display for editorial headlines with Inter for body text and JetBrains Mono for code — all self-hosted via Fontsource.

Where can Violet Dispatch be hosted?

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