Folio | Mobile-First Blog & Newsletter HTML Template Latest Version

Live demo (English)
 · 
Live demo (Arabic, RTL)
 · 
Documentation

Related products

Others

Ficha creative muse template

Themeforest

$4.99 4.8 (3.8K)

Others

Stack - Clean Responsive Bootstrap 4 Admin Dashboard Template

Themeforest

$4.99 4.8 (2.0K)

Others

Regent - Multipurpose Marketing HTML Landing page

Themeforest

$4.99 4.8 (2.0K)

Everything a person who publishes actually needs.
A blog with six post shapes: standard, long-read, gallery, video, quote and podcast, each with reading progress, a
table of contents, saved posts and archive search. A newsletter with subscribe and confirmation pages. A membership
with tiers and a metered paywall that counts free reads and shows the meter. A small shop for digital goods with cart,
checkout, order confirmation and a downloads area. 36 pages in all, and every empty state is designed rather than left
blank.

Arabic is the same code, not a second theme.
The layout is mirrored by the browser through CSS logical properties, so there is no separate right-to-left stylesheet
to maintain, and the Arabic build ships with real Arabic copy rather than machine translation. Seven self-hosted font
faces, subsetted to the ranges the copy actually uses: the Arabic set is 69 KB and the Latin set 90 KB.

Dark mode and five accent presets, all from one file.
Every colour is a light/dark token pair checked for contrast, and the five accents ship in
src/css/tokens.css
, so re-theming is one file and no build step. Dark follows the system setting or the reader’s own toggle.

77 copyable components.
A single components page holds 77 live examples, each sitting above the exact markup that produced it, with a copy
button. The demo and the code block are rendered from the same partial, so the two can never drift. Native elements
first:
<details>
accordions,
<dialog>
sheets,
popover
menus and scroll-snap rails. No jQuery, no CDN, no icon font: a 121-icon SVG sprite instead.

You do not need the build to use the template.
The download contains finished, self-contained sites in
demo/ltr
and
demo/rtl
as plain HTML, CSS and JavaScript. Double-click any page to preview it, or upload one folder as your site root. The
Vite and Tailwind CSS 4 source project is included as well, for anyone who wants it.

Measured, not estimated.

• Lighthouse 0.97 to 1.00
  on every asserted URL, in both languages.
• 24.8 KB of JavaScript
  gzipped.
• 179 KB per English page and 194 KB per Arabic page
  , against a 200 KB budget.

Already own version 1?
The 2.x download still contains your original 1.x files, unchanged, in a
legacy/
folder. Version 2 is a complete rewrite and shares no code with 1.x, so the two cannot be merged, so nothing is taken
away from you, and your licence still covers the old files.