Oevra 网站预览
Oevra 网站预览

Oevra

清晨的橄榄色温室

Oevra 以单一平静的声音表达:橄榄绿于白色背景上,通过巨大的轻量级标题被低语传递。色彩调性极度克制——单一的柔和橄榄色(#778643)贯穿所有文本、边框以及偶尔的按钮,而每个表面都保持为白色画布,辅以柔和的橄榄色径向渐变。字体设计是重点:Suisse Int'l 以 300 字重放大至 90px 的显示尺寸,读来如同冥想,搭配 14–15px 的正文在 Space Grotesk 中呈现。组件如同温室中的标本——15px 圆角,细线 1px 边框,无阴影,无填充,无装饰。最终效果更像是一场清晨在植物园中的缓慢漫步,而非一个界面。

查看原始网站

使用规范

建议采用

  • 所有标题使用Suisse Int'l 300/400字重,字号范围45–90px,行高1.0–1.1
  • 将鼠尾草绿 Mist径向渐变设为页面背景默认洗染——它应自然呼吸,而非过度饱和
  • 在文本、边框和单个填充的CTA中使用#778643,绝不用于大面积填充表面
  • 卡片和图片使用15px圆角,所有交互元素(按钮、链接、胶囊控件)使用22.5px圆角
  • 区块间距设为75px,卡片内边距设为30px——宽敞感即是品牌本色
  • 正文保持15px字号,行高1.3,颜色为#4e4e4,用于灰调辅助文本
  • 每个显示标题配一个短的全大写小节标签(8–12px)作为锚点

建议避免

  • 不可引入第二个色彩——整个色彩体系仅包含一个绿色和四种中性色
  • 标题不可使用粗体或中等粗体字重;大字号轻量字重是标志性风格
  • 不可添加阴影、光晕或模糊效果来实现层级感——分隔来自留白和细线
  • 任何表面或交互元素均不可使用尖角(0–4px圆角)
  • 不可将#778643作为页面或区块背景使用——必须通过渐变稀释或以细线形式呈现
  • 不要用小字号文字挤满布局;如果段落超过 3 行,字号对这个系统而言就太小了。
  • 不可使用图标填充或饱和度高的插图——视觉语言仅限摄影、字体和渐变