OpenDesign·你的设计资产库

网页参考

Datalands

一家融合品牌设计与数据的视觉传达与信息设计工作室。

StudioData VisualizationBold TypographyDark ModeClean

封面待补录，可通过原站查看设计。

01

设计气质 DNA

视觉传达信息设计数据可视化品牌设计工作室

一家为数据打造的大胆单色建筑事务所。

02

色彩

#FFFFFFInk
#000000BG
#3D3D3DMuted
rgba(255, 255, 255, 0.2)Line

高对比度单色调，深黑色画布上搭配醒目的白色字体。

03

字体

geometric-sans · grotesque-sans · monospace

  • display120px · 900
  • heading60px · 400
  • subheading22px · 400
  • caption12px · 400

UI标签与小标签使用等宽字体。 · 主标识保持粗体字重。 · 正文保持简洁且高度易读的怪诞无衬线体。

04

间距

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

充裕

05

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

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

主轮廓使用1px白色实线边框，徽章使用2px边框

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全宽主视觉区域，内容采用分栏布局

07

动效与交互

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

交互元素上的细微悬停过渡

细微的色彩或透明度变化 · 轻微压缩或状态改变

08

组件

  • button 透明背景、白色轮廓的圆角胶囊按钮
  • card 极简布局，字体排印清晰分隔
  • chip 小型胶囊状标签，采用纯色背景（例如，案例研究使用橙色）
  • input 极简的透明输入框，带底部边框
  • hero 充满屏幕宽度的超大字体排印展示

09

文案语气与禁用清单

  • 语气 专业、简约且精致
  • 标题风格 粗体、直接且极具视觉冲击力
  • 按钮文案 等宽字体、全大写，置于圆角按钮内
  • 请勿使用彩色渐变——截图展示的是严格的单色调色板
  • 请勿使用装饰性衬线字体——排版完全采用几何与怪诞无衬线体
  • 请勿使用厚重的投影——截图展示的是扁平、干净的表面
  • 请勿使用局促的小间距——布局极具空间感，内边距充裕
  • 请勿在主视觉文字中使用大小写混合——标识采用独特的几何定制风格
  • 请勿使用复杂的导航菜单——截图显示的是简单的文本链接和极简按钮
  • 避免: 不必要的装饰
  • 避免: 彩色渐变
  • 避免: 俏皮或非正式的语言

10

包内真实截图

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

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

11

System Prompt

Datalands 是一家专注于数据可视化与品牌设计的视觉传达与信息设计工作室。其设计以严谨、高对比度的单色调板为定义，背景使用纯黑 (#000000)，文字使用白色 (#FFFFFF)，并辅以极为克制的色彩点缀，如用于特定标签的橙色 (#FF7400)。字体排印方面，主标识采用粗体、定制的几何无衬线字体，正文则使用简洁的怪诞无衬线体，并辅以等宽字体用于小标签。关键禁忌包括：绝不使用彩色渐变，避免装饰性衬线字体，以及不要用不必要的UI元素使布局显得拥挤。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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