pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Opennote
暖白色基底、手绘图形与衬线字形。
页面以暖白色为基底，搭配近黑色文字。字体采用 IowanOld、SuisseIntl。视觉特点包括手绘图形、衬线字形、细线分隔、单栏阅读排版。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用 #512906 褐色作为唯一填充按钮背景——这是品牌在界面外围元素中的唯一有彩承诺。
- 所有标题均使用 IowanOld（或 Source Serif Pro）400字重；绝不将衬线标题加粗。克制正是其语气。
- 将 #242d64 墨紫用于每页一个满幅特征面板——其与 #fffdf8 象牙色的对比是系统唯一的视觉提升。
- 使用 1px 边框，颜色为 #e5e5e5 石墨分隔线建立结构分隔。禁止使用阴影、渐变或背景晕染来分隔区块。
- 所有圆角保持 10px——按钮、卡片、标签。单一圆角是静谧、笔记本式质感的一部分。
- 在负空间中松散放置手绘线条插图（#000000 轨迹，无填充），让其漂浮，不要在网格上居中对齐。
- 衬线标题搭配下方直接放置的 SuisseIntl 16px #8c8c8c 小型副标题——字体搭配即为品牌特征。
建议避免
- 不要引入冷蓝色、绿色或红色作为‘现代’点缀——四种墨色（褐、墨紫、森林绿、红褐）是整个色彩语汇的全部。
- 不要为卡片或按钮添加阴影、发光效果或分层提升。纸张隐喻没有厚度。
- 不要加粗 IowanOld 衬线标题。仅在需要强调时，对最小的显示文本使用 500 字重。
- 不要用 #ffffff 纯白色填满画布。象牙色 #fffdf8 才是关键——失去暖调会让设计看起来像普通SaaS模板。
- 不要在标题、特征标题或任何大于24px的文本中使用无衬线字体。衬线与无衬线的区分是不可妥协的。
- 不要将 #ffc934 边距黄用于按钮、徽章或任何交互表面——它仅作为插图背景的装饰晕染。
- 不要在单个视口内叠加超过一个填充褐调行动号召按钮。若需第二个操作，使用轮廓透明按钮变体。
