Neutral is a clean, fast, and beautifully crafted personal blog theme built with Astro for blazing-fast static output, elegant typography, and zero-friction content management. Designed for travel bloggers, photographers, writers, and creators who want their content to do the talking — without the clutter.
This Theme Supports Astro Version 6.x.x 🎉
Crafted with a warm, editorial aesthetic — warm stone tones, dashed borders, and refined serif typography — Neutral delivers an authentic and timeless reading experience. From the featured-post hero slider straight through to the author archive and search page, every section is built to be readable, navigable, and genuinely enjoyable.
🚀 What Makes Neutral Stand Out
Neutral is engineered for content-first blogging with:
- SEO-optimized static output — every route is pre-rendered at build time with proper meta tags and canonical URLs
- Dynamic content via Astro Content Collections — write in MDX, customize in frontmatter, zero CMS required
- Client-side search — instant filtering across all posts by title, excerpt, category, and tags — no backend needed
- Auto-generated archives — category, tag, and author pages with pagination are built automatically from your MDX frontmatter
- Reusable data layer — every piece of site content (nav, footer, author, about) lives in src/data/ TypeScript files, editable without touching a component
🎯 Design DNA
- Warm Neutral Palette — warm stone, sand, terracotta accents, and cream surfaces — refined without being cold
- Dual Typography — Space Grotesk editorial serif headings paired with Inter clean body text — sharp, readable, timeless
- Dashed Border System — the signature design detail: dashed borders used consistently across cards, dividers, and widgets for an elegant hand-crafted feel
- Minimal Interactions — Alpine.js powers the slider, search, dropdowns, and back-to-top — no heavy JS framework needed
- Responsive Perfection — fully optimized for desktop, tablet, and mobile with a slide-in mobile sidebar navigation
📦 Full Feature List
✔ Featured post hero slider (pure Alpine.js, no Splide dependency)
✔ Category grid on homepage
✔ Magazine-style hero layout (HeroMagazine variant)
✔ Client-side instant search with keyword highlighting and URL sync
✔ PostCard in 4 variants — default, grid, box, list
✔ Sidebar with author bio, category list, featured posts, tags, and photo gallery widgets
✔ Dynamic category archive pages with pagination
✔ Dynamic tag archive pages with pagination
✔ Author archive pages with pagination
✔ Single post — fullwidth and sidebar variants
✔ Social sharing (Facebook, Twitter/X, LinkedIn, WhatsApp, Telegram)
✔ Related posts by category
✔ Author profile card below post content
✔ About page with stats, skill bars, timeline, and photo gallery
✔ Contact page with Alpine.js form validation and success state
✔ Full gallery strip (FullGallery) sourced from trending posts
✔ Legal pages (Privacy, Terms, Cookies) powered by Astro Content Collections (MDX)
✔ Custom 404 / Not Found page
✔ Back-to-top button with smooth scroll and scroll-aware visibility
✔ Sticky header with mobile sidebar navigation
✔ Search index JSON endpoint auto-generated at build time
✔ Sub-path deployment support via url helper
📄 Pages Included (Fully Coded)
- Homepage — hero slider, category grid, latest posts, sidebar, full gallery strip
- Single Post — fullwidth variant (default) and sidebar variant
- Category Archive — with pagination
- Tag Archive —with pagination
- Author Archive — with pagination
- Search — client-side search with instant results and URL state
- About — stats, skills, journey timeline, photo gallery, CTA
- Contact — contact info + Alpine.js validated form
- Privacy Policy — GDPR-friendly content (MDX)
- Terms of Use — complete legal terms (MDX)
- Cookie Policy — cookie categories, management, opt-out (MDX)
- Documentation — full setup and customization guide (MDX)
- 404 / Not Found — custom branded error page
📄 Sections Included (Fully Coded)
- Hero Slider + Category Grid
- Magazine Hero Layout
- Latest Posts with Sidebar
- Author Widget · Category Widget · Tags Widget · Featured Post Widget · Gallery Widget
- Full-width Photo Gallery Strip
- Post Content with Typography Styles
- Post Tags + Social Share Row
- Author Profile Card
- Related Posts
- Hero (Category · Tags · Author · Search · HeroMagazine)
- About Hero with Stats
- Skill Bars
- Journey Timeline
- Photo Gallery Grid
- Contact Form with Validation
- Pagination (numbered with ellipsis, works on all archive pages)
⚙️ Modern Tech Stack
- Astro 6 — ultra-fast static site generation with Content Collections
- Tailwind CSS v4 — utility-first styling and custom design tokens
- Alpine.js — lightweight reactive interactivity (slider, search, dropdowns, form validation, back-to-top)
- astro-icon + Bootstrap Icons — optimized inline SVG icon system, tree-shaken per build
- TypeScript — fully type-safe data layer for all content and component props
- MDX — Markdown + JSX for blog posts and legal page content via Astro Content Collections
⚡ Quick Setup
1️⃣ Download & extract the template
2️⃣ Run npm install
3️⃣ Start development with npm run dev
4️⃣ Edit content in src/data — no deep code knowledge required
5️⃣ Add posts to src/content/blog
6️⃣ Swap images in public/img/
7️⃣ Build production files with npm run build
🎁 Perfect For
- Personal travel blogs and photography journals
- Lifestyle and daily vlog websites
- Tech writers and developer blogs
- Writers publishing long-form content
- Creators wanting a clean portfolio + blog combo
- Anyone who wants a fast, SEO-ready blog without a CMS
🆓 Free Updates & Support
Neutral includes free lifetime updates to ensure compatibility with future Astro releases and performance improvements.
