让网页有纸面的呼吸感。
暖白底色、舒展排版和字体对比，可以让产品与内容更容易亲近。下面六份参考涵盖创意工具、研究内容、工作室与内容展示。
- 区分暖色背景、正文对比与真正的内容留白。
- 有衬线字体可以参与层级，但不必用于所有文字。
- 用自己的内容验证排版；图像和字体资源需另外确认可用来源。
预览暂不可用ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
暖白纸色、轻字重标题和圆润的产品展示，适合介绍创意工具。
观察强调色如何集中在展示区域，保持正文与操作克制。
查看这份设计参考
预览暂不可用Anthropic
暖白色基底、细线分隔与扁平表面。
衬线标题与细分隔线，让技术内容也有阅读刊物的秩序。
比较标题、说明文字和行动入口的对比，保持正文清晰。
查看这份设计参考
预览暂不可用Basha-Franklin
暖白色基底、衬线字形与网格布局。
适合工作室与案例展示，摄影、网格与非对称构图共同安排节奏。
借鉴图像与文字的编排，不只复制暖白底色。
查看这份设计参考
预览暂不可用Wispr Flow
暖白色基底、分屏构图与居中构图。
暖白画布与衬线字形，将产品说明组织成有节奏的分屏。
注意深浅区域的转换，让长页面仍保持连贯。
查看这份设计参考
预览暂不可用Slite
暖白色基底、手写字体点缀与衬线字形。
深蓝文字、少量橙色与手写点缀，为软件产品提供更轻松的语气。
控制装饰和强调色的范围，让功能信息保持主次。
查看这份设计参考
预览暂不可用Alison Roman
暖白色基底、宽松留白与衬线字形。
宽松留白、衬线字体与内容图像，适合文章或生活方式内容展示。
先确认图像与正文的阅读顺序，再决定采用多少编辑感细节。
查看这份设计参考
选好风格，下一步怎么做？
先用自己的页面内容验证方向，再把所选模板的 ZIP 交给 Agent，由它读取真实的样式定义并参考原始网站。这里提供的是设计参考资料，需要结合你的项目实现。