Daily is a professional newspaper and magazine website template built with Astro, Tailwind CSS 4, and Alpine.js — designed for news publishers, online magazines, editorial teams, and independent journalists.
Built with performance, SEO, and editorial flexibility in mind, Daily delivers a bold, reader-first digital presence that helps content teams publish fast, engage audiences, and grow their readership.
This theme supports Astro Version 6.x.x 🎉
📰 What Makes "Daily" Stand Out
- Newspaper-grade design — black-and-red editorial identity built for authority, trust, and high information density
- Purpose-built UI — dedicated layouts for news articles, category archives, tag pages, and author profiles
- MDX content system — write and manage articles without touching layout or component code
- Alpine.js powered interactivity — live search with query capture from nav, mobile menu, accordion FAQ, filterable job listings, and slider
- Lightning-fast performance — 100% static output via Astro with zero runtime JavaScript overhead
- SEO-ready architecture — clean URLs, semantic HTML, Open Graph meta tags, canonical links, and paginated routes
- Fully modular components — 20+ reusable blocks you can mix and match for any editorial layout need
🎯 Design DNA
Bold Editorial Identity Strong black backgrounds, red accent, neutral grays, and clean whites — a high-contrast palette that commands attention while keeping reader focus firmly on content.
News-Grade Typography PT Serif headings paired with Inter body text — optimized for long-form reading, headline skimmability, and cross-device legibility at every viewport width.
Subtle Interactions Hover transitions, Alpine-powered sliders with swipe/drag support, smooth scroll pagination, and search with live filtering — fast feedback without distracting from editorial content.
Fully Responsive Pixel-perfect layouts from 320px to 2K. Every component — from the hero slider to the sidebar — adapts gracefully across desktop, tablet, and mobile.
📦 Features Included
Pages & Routes
- ✅ Homepage Newspaper
- ✅ Latest news archive
- ✅ Category pages with article list + pagination
- ✅ Tag system
- ✅ Author profiles
- ✅ Article detail
- ✅ Client-side search
- ✅ Static pages — About, Contact, Advertise, Privacy, Terms, Docs, Careers
- ✅ 404 page
Components
- ✅ FeaturedSlider & FeaturedCategory — Alpine-powered hero sliders with swipe/drag
- ✅ BlockNews — 5 layout variants (main-list, main-grid, text-grid, reversed, card-grid)
- ✅ NewsCard — 7 card variants for every editorial context
- ✅ NewsCardTwo — horizontal card for list layouts
- ✅ SidebarPage, TrendingNews, CategoryBlock, LatestSidebar — full sidebar system
- ✅ HeadingPage — 3 variants (default narrow, wide, wide + breadcrumb)
- ✅ Breadcrumb — dynamic with word truncation
- ✅ Pagination — smart page range with ellipsis
- ✅ Social sharing — Facebook, Twitter/X, LinkedIn, WhatsApp, Copy Link
- ✅ Related articles grid on every post page
- ✅ AuthorCard with social icons
- ✅ Contact form with conditional fields, file upload, FAQ accordion
- ✅ Careers page with filterable job listings, accordion details, apply form
- ✅ About page — Mission, Stats, Team, Timeline, Awards, CTA sections
- ✅ And Etc
Content & Data
- ✅ 39+ sample MDX news articles across 6 categories
- ✅ Author profiles with bio, role, and social links (authorData.ts)
- ✅ Static pages as MDX
- ✅ Centralized data files for About, Contact, Careers — no hardcoding in templates
📝 Tech Stack
- Tool Version Role Astro 6.x Static site generator & routing
- Tailwind CSS4.x Utility-first styling
- Alpine.js3.x Reactive UI (search, nav, slider, accordion)
- MDX@astrojs/mdx ^5 Content authoring
- astro-icon^1.1 Bootstrap Icons (bi)
- TypeScript strict Type-safe components and data
🆓 Free Updates & Support
Daily includes free lifetime updates to ensure compatibility with future Astro releases and ongoing performance improvements.
