pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Savvycal
暖白色基底、衬线字形与细线分隔。
页面以暖白色为基底，搭配近黑色文字。字体采用 GT Alpina Condensed、GT America Standard。视觉特点包括衬线字形、细线分隔、宽松留白、扁平表面。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 有意区分两种字体家族：GT Alpina Condensed 用于展示，GT America 家族用于其他全部文字。绝不让它们在同一字号层级竞争。
- Lime Sprout #b9ff78 是唯一交互填充色。#f54320 Ember Coral 只用于装饰性描边，包括下划线、涂鸦和框架边缘，绝不填充按钮。
- 保持双区域节奏：深绿舞台用于首屏或聚焦，Cream Paper #fcf7ed 用于全部内容区块。绝不在同一屏幕混合。
- 区块眉题采用 18px、+0.05em 字间距，下方配波浪珊瑚下划线。这种微型模式传达编辑语气。
- 所有功能组件，包括按钮、卡片和输入框，都使用 8px 圆角；24px 只留给产品图像框架，胶囊采用 9999px。
- 页面最大宽度保持 1200px，区块间距为 64px，卡片内边距为 24px。所有内部间距由 8px 基础单位控制，即 8、16、24、32、40、48、64。
- 为 GT America 和 GT Alpina 全局设置 font-feature-settings: 'cv11'。它改变定义品牌文字质感的字符变体。
建议避免
- #f54320 Ember Coral 不要用作按钮背景或大型表面填充。它只属于描边和装饰，实心珊瑚 CTA 会打破青柠色等于操作的约定。
- 不要使用重投影。表面应保持哑光、平面，唯一允许的阴影是产品框架上的暖珊瑚色阴影 rgba(245,67,32,0.15)。
- 不要引入新的颜色区域。系统由森林绿、奶油纸张、青柠强调和珊瑚装饰构成，不使用灰、蓝或紫。
- 正文不要使用 GT Alpina。紧窄衬线只用于展示，Alpina 的长段落会难以阅读。
- 正文段落不要居中。标题可以居中，但正文应左对齐，最大行宽约为 65-75 个字符。
- 奶油背景上的正文不要使用纯黑 #000000，否则会因过强对比造成疲劳。正文使用 Stone #44403b，True Black 留给标题。
- 不要省略区块眉题下方的波浪珊瑚下划线。没有它，眉题标签就会失去编辑标志，变成普通全大写文字。
