Phanatik — Blog & Podcast theme for Astro & Tailwind CSS

Phanatik is a bold, high-contrast template built for digital publishers and media brands that want to combine long-form articles with podcasts. With oversized headlines, clear grids, and strong visual hierarchy, it gives your content the impact it deserves across devices.

Specifications

• Built with Astro v5 + Tailwind CSS v4
• High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
• Fully responsive and optimized for modern browsers

Benefits

• Multiple landing pages for blogs, podcasts, and membership models
• Support for paywalls, subscribers-only content, and advertising pages
• Custom audio player designed for podcast episodes
• Author profiles and team pages for multi-contributor setups
• Reusable components (buttons, text, wrappers, etc.) styled with the OKLCH color system
• Search powered by Fuse.js for instant in-site discovery
• Built-in blog pagination for easier content browsing
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Organized file structure with ongoing updates and a style guide

Optional CMS

Phanatik includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

Phanatik uses OKLCH color values for its design tokens, ensuring consistent rendering, accessible contrast, and future-proof color management with Tailwind v4.

Why choose Phanatik?

• Purpose-built for publishers combining text + audio into one experience
• Ideal for niche publications, podcasts, or growing media brands
• Supports paywalls, subscriber content, and multi-author publishing
• Balanced typography and layout designed for both stories and spoken word
• Fast, scalable, and SEO-optimized out of the box with Astro’s modern stack