精选 · 开放 · 免费

Foundation

一份真诚的、以排版驱动的停运通知，采用克制的单色设计。

01

设计气质 DNA

一封措辞朴实的公开信。

02

色彩

高对比度的单色配色方案，仅极少量使用单一的暖色调强调色。

03

字体

humanist-sans

• display56px · 700
• body20px · 400
• caption11px · 400

小标签如日期和页脚文本，采用大写字母并加大字间距。 · 醒目的展示标题，采用紧凑字间距和粗体字重。 · 段落间距宽松，以保持平静的阅读节奏。

04

间距

保持一致的垂直韵律，留白宽松，以突出文本。

05

表面 (圆角 / 阴影 / 边线)

采用半透明白色或浅灰色的 1px 细边框。

inset 0 0 2px 0 rgba(0, 0, 0, 0.03)

06

布局

一个窄幅、居中的单栏布局，为可读性而优化。

07

动效与交互

交互元素的平滑减速过渡。 · 微妙的透明度渐变。

交互元素上背景颜色的微妙变化。 · 激活状态下的平滑过渡。

08

组件

• button 极简的胶囊形按钮，带有微妙边框。
• card 带边框的容器，内边距极小，用于嵌入式社交媒体帖子。
• hero 一个简洁的全宽首屏区域，仅包含一个居中的大号标题和一个小日期。

09

文案语气与禁用清单

• 语气 真诚、直接、透明。
• 标题风格 简短、有力、陈述性。
• 按钮文案 微妙且不突兀，通常从属于主要信息。

• 不要使用复杂布局——截图显示的是单栏、高度聚焦的阅读布局。
• 不要使用多种鲜艳颜色——截图显示的是严格的单色配色方案，仅有一种强调色。
• 不要使用衬线或高度装饰性的字体——截图显示的是简洁、中性的无衬线字体。
• 不要使用密集、紧凑的间距——截图显示的是段落间宽松的留白。
• 不要使用粗重的边框或投影——截图显示的是非常微妙、半透明的边框。
• 不要将所有正文文本居中——截图显示的是居中容器内的左对齐正文文本。
• 避免: 营销术语
• 避免: 过于明亮或饱和的颜色
• 避免: 密集、复杂的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko