OpenDesign·你的设计资产库

网页参考

Odins Crow

一个简洁、编辑风格的代理机构网站，运用大胆字体和单色系配色来传达权威与清晰。

AgencyEditorialBold TypographyRestraintRefined
Odins Crow 网站截图

01

设计气质 DNA

传承成长遗产战略性大胆

一份连接传统与未来的咨询公司现代数字宣言。

02

色彩

#2B2B2BInk
#F1EDE8BG
#C9C8C9Muted
rgba(43,43,43,0.8)Line

采用温暖中性色的高对比度单色系，营造出精致、编辑式的感觉。

03

字体

grotesque-sans · mono

  • display187px · 700
  • display-lg60px · 700
  • display-md41px · 700
  • body-lg20px · 400
  • body16px · 400
  • caption10px · 400

所有展示尺寸均使用紧凑的负字间距。 · 维持严格的单色字体层级。 · 对小标签和说明文字应用大写转换。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于 4px 网格，使用充足的内边距以保证呼吸空间。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

使用 rgba(43,43,43,0.8) 的 1px 细实线作为结构分隔线。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单列居中布局，包含全宽结构元素（如水平线）。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0, 1)easing

内容出现时采用微妙的淡入和变换过渡效果。

交互元素上的微妙颜色或变换变化。 · 即时视觉反馈。

08

组件

  • button 极简的文本按钮，采用下划线或细边框，无背景填充。
  • card 截图中未明确显示。
  • chip 截图中未显示。
  • input 截图中未显示。
  • hero 全宽区域，以巨大字体和一系列水平结构线条为特色。

09

文案语气与禁用清单

  • 语气 权威、简洁且面向未来。
  • 标题风格 简短有力的短语，采用巨大、紧凑间距的字体。
  • 按钮文案 直接且以行动为导向，例如 '联系我们'。
  • 不要使用鲜艳的强调色——截图显示的是严格的单色系配色。
  • 不要使用装饰性衬线字体——截图显示的是干净、粗壮的怪诞无衬线体。
  • 不要使用宽字间距——截图显示的是紧凑间距的展示文字。
  • 不要使用厚重的投影——截图显示的是扁平、干净的界面。
  • 不要全部居中对齐——截图显示的是左对齐文本和结构化的全宽主视觉。
  • 不要大量使用圆角——截图显示的大多是尖锐的矩形形状。
  • 避免: 过于随意的语言
  • 避免: 过度装饰
  • 避免: 杂乱的布局

10

包内真实截图

Odins Crow — 桌面首屏（hero）
桌面首屏（hero）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Odins Crow — 移动首屏
移动首屏

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

11

System Prompt

该网站服务于战略咨询或代理机构，以大胆、编辑式的自信定位自身。主色调是温暖的米白（#F1EDE8）和深炭灰（#2B2B2B）。字体以粗壮、紧凑间距的怪诞无衬线体为核心，用于标题，形成强烈的视觉冲击力。布局干净、结构化，使用全宽水平线作为关键设计元素。关键注意事项：不要使用明亮的强调色，不要使用装饰性或衬线字体，不要在展示文字上使用宽字间距。整体美学是极简而精致的，专注于清晰度和权威感。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。