Folio | Blog & Newsletter Template
About
Folio is a mobile-first blog and newsletter HTML template for people who actually publish. 36 pages cover six post shapes, a newsletter, a membership and a small shop, in clean HTML, CSS and JavaScript with no framework and no runtime dependencies.
SIX WAYS TO TELL A STORY
Standard, long-read, gallery, video, quote and podcast posts each get their own layout, with reading progress, a table of contents, saved posts and archive search. Reading is designed at 390 px first and widened with container queries.
A NEWSLETTER THAT IS ALREADY BUILT
Subscribe, confirmation and newsletter archive pages ship finished, alongside a membership with plans, a subscribe checkout and a member account. Nothing here is a placeholder waiting for you to design it.
EXPLORE, SERIES AND AUTHORS
Category and tag archives, multi-part series, author profiles, an explore view with sorting and filters, saved posts and a small shop for books, presets and merch extend the template beyond a plain blog.
TWO LANGUAGES, TWO THEMES
English LTR and authored Arabic RTL come from the same templates and CSS logical properties, so right-to-left is real rather than a mirrored stylesheet. Light and dark are token-driven pairs, checked for contrast.
YOU DO NOT NEED THE BUILD
Finished LTR and RTL sites ship as plain HTML, CSS and JavaScript you can edit by hand. The editable Vite 8, Tailwind CSS 4 and Handlebars source project is included as well, with no jQuery, no CDN, no icon font and no runtime framework.
PRIVATE BY DEFAULT
Video and social embeds use click-to-load facades, fonts and photographs are local, and nothing contacts a third party until the reader asks it to. Article, BreadcrumbList and ProfilePage structured data, a sitemap and Open Graph metadata are generated from the same content the pages use.
INCLUDED
• 36 pages and 77 components in English and Arabic, light and dark
• Finished dist/ sites plus the editable Vite 8 + Tailwind CSS 4 + Handlebars source
• Installable PWA: manifest, service worker and offline fallback
• Newsletter, membership, saved posts and a small shop with local persistence
• Components style guide and full buyer documentation
• Self-hosted fonts and local photography with Pexels credits
Reviews
No reviews yet
Comments
FAQs
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.