Gallery风格库

IndieWeb / Personal Site

ProMax

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.

IndieWeb(独立网络)/ 个人站点,是那些拥有自己网络一隅的人手写代码、以内容为先的美学风格。它把可读性与归属感放在平台装饰之上:单一舒适的阅读栏、清冷白底上近乎纯黑的衬线正文,以及经典蓝色与紫色的朴素默认链接。

这里没有卡片、信息流和 SaaS 式界面,结构来自 microformats 微格式——h-card、h-entry、h-feed——以及通过 Webmention 在各独立站点之间联动的评论与回应。它的质感是留白与阅读节奏,它的价值是你真正读得下去的文字,和一个你真正掌控的页面。

Learn more about the IndieWeb / Personal Site style深入了解 IndieWeb / Personal Site 风格

  • Origin来源Global / internet全球互联网
  • Period年代2010s onward (IndieWeb movement; microformats2 ~2012, Webmention W3C Rec 2017)
  • Designer代表人物IndieWeb community · Tantek Çelik · Aaron Parecki · microformats authors
  • Movements所属运动IndieWeb · POSSE · microformats · hand-coded personal sites

Web examples网页示例

3

Slide examples幻灯片示例

3