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.
- 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
Typography
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 nowStyles similar to IndieWeb / Personal Site
Also inspired by pop culture, with a close feel.