Alpine Bio
近白色基底、大幅摄影展示与扁平表面。
Hartzler Family Dairy
白色基底、大字排版与摄影展示。
页面以白色为基底，搭配深灰色文字。字体采用 Work Sans。视觉特点包括大字排版、摄影展示。适合参考的场景：建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 将标识区块的展示标题设定为 290–333px 的 Work Sans 900，行高 0.70，交替使用 #56dddb 与 #f9e9a9——青色/黄色切换表示新品类。
- 所有带边框的按钮、链接文本、标志和分类标签均使用 Forest Heritage #035542，它是系统中唯一的交互色。
- 每张产品照片搭配小号全大写的区块图注，使用 Work Sans，字重 400、字号 14px、炭灰色 #333333，顶部内边距（padding-top）为 20px。
- 将品牌标识 'Hartzler' 以斜体/手写风格呈现，字号 40–60px，颜色 #035542，并带有字间距拉伸的 'FAMILY DAIRY' 副标。
- 标准按钮使用 20px 圆角，胶囊形按钮使用 100px 圆角——禁止使用中间值如 50px 或 8px。
- 页面画布保持纯 #ffffff，不添加装饰性渐变、纹理或背景图案。
- 在任意主打内容区块左上角加盖圆形 '精选' 标志，描边 2px 森林遗产色。
建议避免
- 禁止使用 #2b7bb9 或 #035542 作为实色背景的按钮——所有交互元素均为边框或纯文本，无实心填充。
- 不要为卡片或按钮添加阴影、发光或层叠效果——深度来自文本与图片的尺寸比例，而非 CSS 阴影。
- 不要将 290–333px 的尺寸用于正文 UI 文本——此类尺寸专用于广告牌式区块标识文字。
- 禁止将青色 #56dddb 或黄油色 #f9e9a9 与小于 40px 的 UI 文本搭配——这些颜色仅为展示用强调色，非功能性 UI 颜色。
- 不要引入渐变、玻璃态设计或现代 SaaS 风格如固定位置滚动阴影页眉。
- 不要使用中间圆角值如 8px、12px 或 50px——系统仅支持 4px（正文）、20px（按钮）、100px（胶囊按钮）、0px（标签）。
- 不要在产品区块中添加插画、图标集或抽象图形——瓶装摄影与超大字号文本承载全部视觉身份。
