Oatly

一个叛逆、涂鸦风格的品牌，感觉就像餐巾纸上的随手涂鸦。

高对比度的黑白配色，搭配极简、功能性的网格。

transitional-serif · sans-serif · monospaced

• display32px · 400
• body16px · 400

主标题使用过渡衬线字体。 · 正文使用无衬线字体。 · 标签或 UI 元素使用等宽字体。

基于 4px 的一致间距，搭配充足的留白。

1px solid black

2px 2px 0px 0px rgb(0, 0, 0)

基于网格的布局，混合居中和散落的元素。

hover 状态下使用 0.3s translate 转换。

元素在 hover 时轻微移动。 · N/A

• button 简洁、描边样式，带有 2px 黑色投影。
• card 白色背景，1px 黑色边框和 2px 黑色投影。
• chip N/A
• input N/A
• hero 居中的标题，搭配散落、具有交互感的元素。

• 语气 趣味、直接，略带不羁。
• 标题风格 对话式，且常常带有幽默感。
• 按钮文案 简洁，以行动为导向。

• 不要使用复杂的配色方案——截图显示的是严格的黑白方案。
• 不要使用装饰性衬线字体——截图显示的是干净的无衬线字体与单个过渡衬线字体的混合。
• 不要在 UI 元素上使用圆角——截图显示的是锐利的方形边缘。
• 不要使用细微的阴影——截图显示的是粗重、硬边的 2px 黑色投影。
• 不要使用杂乱的背景——截图显示的是白色/灰白色背景上的简洁、极简网格。
• 不要使用复杂的图标——截图使用的是简单的手绘或扁平 SVG 风格图标。
• 避免: 企业行话
• 避免: 过于正式的语言
• 避免: 杂乱的布局

历史提取与模型分析 · 尚未逐项校验