pampam.city
老探险家的笔记本，搭配温暖的奶油色背景
Opennote
温暖的皮革笔记本置于阳光照射的纸上——界面感觉是手工装订，而非工程化设计
Opennote 以一本广受喜爱的笔记本的语气表达：温暖的奶油纸张，衬线标题带有手刻感，深褐调的行动号召按钮则像皮革装订般质感，而非SaaS类按钮。配色几乎全为无彩色——象牙色画布、炭墨笔迹、细线石墨分隔线——仅用四种深色有彩点缀（褐、墨紫、森林绿、红褐）作为边角注释，从不作为填充使用。界面外围元素 设计极简：10px圆角，单一边框色调，几乎无阴影。留白承载布局，被手绘线条插图打破，这些插图如页边的涂鸦般漂浮。最终效果是产品仿佛在自然采光良好的工作室中设计而成，而非在冲刺迭代中优化的仪表盘。
查看原始网站使用规范
建议采用
- 使用 #512906 褐色作为唯一填充按钮背景——这是品牌在界面外围元素中的唯一有彩承诺。
- 所有标题均使用 IowanOld（或 Source Serif Pro）400字重；绝不将衬线标题加粗。克制正是其语气。
- 将 #242d64 墨紫用于每页一个满幅特征面板——其与 #fffdf8 象牙色的对比是系统唯一的视觉提升。
- 使用 1px 边框，颜色为 #e5e5e5 石墨分隔线建立结构分隔。禁止使用阴影、渐变或背景晕染来分隔区块。
- 所有圆角保持 10px——按钮、卡片、标签。单一圆角是静谧、笔记本式质感的一部分。
- 在负空间中松散放置手绘线条插图（#000000 轨迹，无填充），让其漂浮，不要在网格上居中对齐。
- 衬线标题搭配下方直接放置的 SuisseIntl 16px #8c8c8c 小型副标题——字体搭配即为品牌特征。
建议避免
- 不要引入冷蓝色、绿色或红色作为‘现代’点缀——四种墨色（褐、墨紫、森林绿、红褐）是整个色彩语汇的全部。
- 不要为卡片或按钮添加阴影、发光效果或分层提升。纸张隐喻没有厚度。
- 不要加粗 IowanOld 衬线标题。仅在需要强调时，对最小的显示文本使用 500 字重。
- 不要用 #ffffff 纯白色填满画布。象牙色 #fffdf8 才是关键——失去暖调会让设计看起来像普通SaaS模板。
- 不要在标题、特征标题或任何大于24px的文本中使用无衬线字体。衬线与无衬线的区分是不可妥协的。
- 不要将 #ffc934 边距黄用于按钮、徽章或任何交互表面——它仅作为插图背景的装饰晕染。
- 不要在单个视口内叠加超过一个填充褐调行动号召按钮。若需第二个操作，使用轮廓透明按钮变体。
