版式 · facet

版式

页面版式，全部建立在同一个页面网格上：正文、加宽、铺满三条列线，加一个可选的侧栏。点开每一个看实际的例子，用的是生成的示例图片。

阅读

单栏正文，图片可以加宽或铺满。普通博客文章。

正文加一个固定的目录。文档、笔记本、长文、简历。

脚注放在正文旁边，窄屏时点开。长文、调查记录。

一边文字，一边画面，下面是左右交替的特性行。项目首页、产品页。

卡片网格，可筛选。项目、照片、博客卡片、标签页。

按年份分组的紧凑列表，可搜索。博客归档、链接合集、搜索结果。

页头卡片、固定的章节索引和时间线。打印时是单栏。

图片或视频铺满第一屏，导航先透明、滚动后变成玻璃。首页、精选文章。

画面固定，文字一步步滚过去，画面跟着换。讲解型文章、项目介绍。

每次滚动翻一整页，文字随之出现。项目发布页、作品展示。

画面不动，每次滚动或按方向键是下一张幻灯片。演讲、讲解。

内容占满窗口，导航缩成角落里的胶囊。游戏、交互演示、工具。

一句话加一只猫。404、无结果、离线。

围绕一件事的居中页面：联系方式、链接汇总、发布页。

以强调色深色调的大卡片开场的首页，下面是最近的文章。