pampam.city
暖白色基底、胶囊形控件与圆角卡片。
mymind
白色基底、胶囊形控件与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 Open Sans、Louize-Regular-205TF。视觉特点包括胶囊形控件、渐变展示、紧密字距、衬线字形。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有标题文字使用Louize-Regular-205TF，字号32px及以上，字间距为-0.04em至-0.062em——字号越大，字间距越紧。
- 首屏区域的绽放渐变（橙色 → 粉色 → 白色）仅应用于首屏级背景；绝不用于卡片或按钮填充。
- 所有胶囊形按钮无论变体如何，统一使用100px圆角——完整的圆形按钮是系统中唯一的按钮形状。
- 特征卡片的区分仅通过背景颜色（Slate 蓝色 #e5eaf2 / 羊皮纸色 #f3f0e7 / 鼠尾草绿 #dde9d3）实现——绝不通过边框或阴影。
- 导航链接前缀添加一个小型Ember Orange（#ff5924）填充点——这是导航的首要视觉提示。
- Nunito大写标签的字间距设为+0.063em至+0.125em——正向字间距的极端值与Louize标题的负向字间距形成鲜明对比，定义了系统的排版节奏。
- 每个Louize展示标题上方，都应将部分小节标题标签置于Ember Orange（#ff5924）的全大写中。
建议避免
- 任何按钮均不可用Ember Orange（#ff5924）作为实心背景——它仅作为轮廓线强调色。填充橙色会破坏品牌克制的邀请感。
- 特征卡片禁止使用盒阴影——三个柔和的卡片变体（#e5eaf2、#f3f0e7、#dde9d3）仅通过色彩对比提升视觉层次。
- Louize标题的字号绝不可超过32px，且字间距不能为正或零——负字间距在不同尺寸下是排版系统的根本规则。
- 每页区块内表面色调不可超过三种——Slate 蓝色、羊皮纸色 和 鼠尾草绿 构成完整组合；增加第四种卡片颜色将破坏分类体系。
- 禁止在展示字号文本中使用Inter或Open Sans——Louize主导所有28px以上的字号；Avenir和Inter仅用于正文与UI。
- 禁止将温暖橙色光晕卡片阴影（rgba(255,167,129,0.44)）应用于除首屏产品预览卡片之外的任何元素——这是品牌标志性时刻，而非可复用的视觉提升样式。
- 禁止在页面区块之间使用明显分隔线（可见的边框下划线或<hr>）——节奏由交替的背景色（#f9fafc 与 #fff1f1）营造，而非结构线。
