Alpine Bio
近白色基底、大幅摄影展示与扁平表面。
GRAZA
浅色基底、大幅摄影展示与胶囊形控件。
页面以浅色为基底，搭配橄榄绿色文字。字体采用 GT Alpina Typewriter、ITC Garamond Condensed。视觉特点包括大幅摄影展示、胶囊形控件、大字排版、细线分隔。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 大标题使用 ITC Garamond Condensed 字体，字号72–120px，字间距-0.03em——压缩版的笔画是品牌的标志性轮廓。
- 所有文本与边框使用橄榄墨水（#3c422e）；禁止使用纯黑色或中性灰。橄榄底色是不可妥协的。
- 让强调色（黄太阳 #fbd535、挤压瓶绿 #9eef80）以满幅带状形式呈现，而非作为小的UI组件——它们的职责是贯穿页面，而非装饰按钮。
- 所有产品与生活方式图像采用20px圆角；按钮与输入控件为10px圆角；购物车/账户胶囊按钮为9999px圆角。
- 编辑类板块内容横向居中，左右各留约30px内边距，而非被固定在最大宽度网格中；页面整体应有手工排版的质感。
- 所有辅助文本（导航、按钮、输入框、正文、图注）搭配打字机衬线字体（GT Alpina Typewriter），字号12–20px，字重400–700。
- 仅在全大写状态标签两侧配以小型装饰符号时，使用Apercu 13px徽章风格。
建议避免
- 文本或边框禁止使用中性系统灰或纯黑色——始终选用橄榄墨水（#3c422e）。
- 禁止将正文使用ITC Garamond Condensed字体；压缩版衬线字体仅用于46px及以上的大标题。
- 禁止为卡片、按钮或图像添加阴影。系统依赖色彩带与圆角，而非层级高度。
- 禁止将鲜艳绿色用作小按钮填充或功能芯片背景——它们是满幅板块色或大尺寸装饰性文字，绝非金属感堆叠。
- 禁止将布局锁定在僵化的12列网格中；编辑类板块应通过不对称文本排布和散落的关键词集群来呼吸。
- 禁止在单个板块内混合使用多种强调色——每个板块仅使用一种强调色（黄色或绿色），绝不同时出现。
- 禁止在需要时添加中性灰边框或分隔线——1px橄榄墨水线即可，边框色是系统的一部分，而非退而求其次的替代方案。
