精选 · 开放 · 免费

Odins Crow

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

AgencyEditorialBold TypographyRestraintRefined

Odins Crow 网站截图

↓ 下载设计系统包 (4 MB)在 OpenDesign 中打开

原站: https://odins-crow.com

📦 浏览包内文件 →

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 — 移动首屏 — 移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko