foldout

Blog and magazine templates

Reading-first layouts: measured line length, a type scale that holds up at long lengths, and article pages that stay comfortable past the first screen.

1 template · 1 free · updated 2026-09-11

1 shown
Marginalia — blog and magazine template preview

A reading-first blog in plain HTML and one stylesheet: 18 px serif at a 66-character measure, notes that sit in the margin on wide screens, article, archive and author layouts. No build step, no JavaScript, system fonts only, dark mode redrawn not inverted. Newsletter page and 404 in Pro.

  • HTML5
  • Plain CSS
  • No build step
live demo →

Related categories

How to pick a blog template

Look at the article page, not the index. That is where readers spend their time, and it is the page most templates treat as an afterthought.

Typography is the feature

A comfortable measure is roughly 60 to 75 characters. Anything wider tires the eye; anything narrower breaks the rhythm. Check the template at your real article length, not with three paragraphs of filler.

What the free version includes

The home page with compiled CSS and commercial use with a credit link. Pro has the remaining layouts and the source.

Questions

Do I need an account to download?

No. The download is immediate and needs no email.

Will it work with a static site generator?

Yes. The markup is plain HTML — porting it into Astro, Eleventy, Hugo or Jekyll is mechanical.

Is dark mode included?

It depends on the template; the product page states it explicitly under Dark mode.

Tell us what happened

Goes straight to a person. No account, no ticket number.

What is this about?

We keep the message and the page it came from. Nothing else — not your IP, not your browser. Privacy.