Back to gallery
IndieWeb / Personal Site — Cover

About IndieWeb / Personal Site

IndieWeb / Personal Site is the hand-coded, content-first aesthetic of people who own their own corner of the web. Pages prioritize readability and ownership over platform chrome: a single comfortable reading column, near-black serif body text on a cool white ground, and plain, default-styled links in classic blue and purple.

Instead of cards, feeds, and SaaS UI, the structure comes from microformats — h-card, h-entry, h-feed — and from Webmentions that federate conversation across independent sites. The texture is whitespace and reading rhythm; the value is text you can actually read and a page you actually control.

Learn more about the IndieWeb / Personal Site style

Origin
Global / internet
Era
2010s onward (IndieWeb movement; microformats2 ~2012, Webmention W3C Rec 2017)
Key figures
IndieWeb community · Tantek Çelik · Aaron Parecki · microformats authors
Movements
IndieWeb · POSSE · microformats · hand-coded personal sites

IndieWeb / Personal Site design spec

Colors

Background
Surface
Primary
Secondary
Accent
Text

Typography

LoraHeadings
Source Code ProMono
Unlock for 1 credit

The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.

Sign up now
Have an account? Sign in

Styles similar to IndieWeb / Personal Site

Also inspired by pop culture, with a close feel.

IndieWeb / Personal Site1 credit · unlock forever
Sign up now
© 2026 Curio