Home
暖白色基底、大幅摄影展示与细线分隔。
Wellfound
浅色基底、紧密字距与细线分隔。
页面以浅色为基底，搭配红色文字。字体采用 Graphik、Aeonik Fono。视觉特点包括紧密字距、细线分隔、宽松留白、扁平表面。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每个文字层级都使用Graphik，或Inter/Manrope，并采用负字间距尺度：72px+时为-0.020em，30–40px时为-0.016em，21–24px时为-0.013em，16px及以下为normal。
- Signal Red（#ec2e3a）只用于强调标点，包括文字标志中的冒号、展示标题旁的圆点装饰、卡片强调边框和图标描边；绝不要用于大面积填充或正文。
- Aubergine Depth（#210d25）表面作为满幅横带使用，而非卡片；它适合作为横向权威条带，而非被容器包住的元素。
- 所有按钮和输入框采用12px border-radius，卡片采用16px，所有标签和小标签采用1000px胶囊形；不要跨组件类型混用这些圆角。
- 展示标题（72–100px）行高设为0.82–1.0，正文（14–17px）行高设为1.4–1.5；紧密展示文字与轻盈正文之间的极端对比是标志性特征。
- 让胶囊标签以不同不透明度（40–100%）悬浮于留白中，形成星座效果；首屏语境中绝不要将它们排入严格网格。
- 任何操作组中，都将主要填充按钮（Ink #051316）与描边按钮（#ffffff填充、#d8d8d8边框）配对；绝不要并排展示两个填充按钮。
建议避免
- 不要将Signal Red用于正文、大面积背景或按钮填充；它是标点色，而非表面色。
- 不要引入渐变、玻璃拟态或厚重投影；系统刻意保持平面和编辑感。
- 不要使用既定系统之外的border-radius数值：0、12px、16px、40px或1000px胶囊形；不使用8px、24px或随意圆角。
- 正文不要居中；所有段落和功能行文字都左对齐，居中只留给标题和统计数字。
- 每个页面分区不要放置超过一条Aubergine Depth横带；深色表面力量很强，重复使用会失去冲击力。
- 不要将Blush Mist（#fff4f6）作为整页背景；它是柔和的卡片或面板表面，而非画布替代色。
- 不要添加装饰分隔线、装饰图形或背景图案；留白与排版承担视觉分量。
