pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Frontify
近白色基底、衬线字形与胶囊形控件。
页面以近白色为基底，搭配近黑色文字。字体采用 Cranny、ABC Diatype。视觉特点包括衬线字形、胶囊形控件、渐变展示、细线分隔。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 所有展示标题使用Cranny 300，轻如低语的柔和衬线字体是品牌排版标志。
- 所有界面文字采用ABC Diatype和0.0100em正字间距，即14px时为0.14px、18px时为0.18px。
- 页面画布使用#f0f0eb Warm Parchment，#ffffff Gallery White只用于坐落在画布上的卡片。
- 所有内容卡片采用8px圆角，按钮24–40px；紧凑按钮24px，首屏尺度按钮40px。
- #ff3b00 Signal Orange仅用于小型功能场景，例如激活标签、图标强调和单个CTA按钮，绝不用于大面积填充或背景。
- 奶油色画布上的区块间隔保持80px；深色#042a2b表面少量用于铺满画面的编辑展示场景。
- 组件以1px Ink（#111110）极细边框分隔，不使用投影。
建议避免
- 不要使用投影或高度叠层，深度只来自温暖中性色层叠和极细边框。
- 正文或界面标签不要使用Cranny，它只用于展示，应与ABC Diatype配对。
- Signal Orange不要用于大面积填充、页面区块或文字，大尺度使用会使其失去意义。
- 文字或边框不要使用纯#000000，Ink（#111110）是结构黑色，#000000仅用于SVG填充。
- 正文或超过60个字符的多行文字不要居中，只有展示标题和短标签可以居中。
- 卡片不要使用常规4px或6px圆角，系统内容表面的最小圆角是8px。
- 不要引入额外彩色强调，系统为温暖单色调，只有一个橙色声音。
