OpenDesign·你的设计资产库

网页参考

Lakgallery

面向收藏级设计品的极简高端策展平台。

GalleryPremiumCurationCleanRefined
Lakgallery 网站截图

01

设计气质 DNA

策展画廊极简高端设计品

一个静谧的白色立方体画廊空间,唯有展品本身是醒目的存在。

02

色彩

#000000Ink
#F2F2F2BG
#F9F7F0BG soft
#F4EFE9BG quiet
#E5E5E5Muted
rgba(0, 0, 0, 0.1)Line

极致克制;以单色为基底,背景面板采用微妙的暖调中性色变化。

03

字体

grotesque-sans

  • display47px · 400
  • heading29px · 400
  • body19px · 400
  • caption13px · 400

所有标题与正文均采用紧凑的负字间距。 · 所有字体元素保持统一的 400 字重。

04

间距

4px
8px
10px
12px
20px
24px
30px
68px
96px

主要板块间以充足留白分隔,组件组内部间距则更为紧凑。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

纤细的单像素实线边框与精致的水平分隔线,仅用于必要的视觉分隔。

06

布局

1400container
12columns
20pxgutter
768 / 1024breakpoints

全宽的垂直板块堆叠,每个板块包含灵活的 grid 产品卡片网格。

07

动效与交互

300msmicro
500mssmall
800msmedium
ease-outeasing

通用属性上施加平滑的悬停过渡效果。 · 特定交互元素上应用细微的 transform 动画。

指针光标在所有产品卡片及导航元素上指示交互状态。 · 非交互式标签采用标准文本选择光标。

08

组件

  • button 基于文本的极简链接,特定标签带有微小圆角。
  • card 垂直堆叠布局,包含低饱和度的中性背景面板、居中展示的产品图片以及左对齐的文本信息。
  • chip 小型圆角标签,带有 1px 细边框和极小的内边距。
  • input 在提供的截图中未显示。
  • hero 简洁的全宽页头区域,包含居中的品类标题,下方衔接水平排列的条目网格。

09

文案语气与禁用清单

  • 语气 客观、静默、精致。
  • 标题风格 简洁、高可读性的品类名称,采用大写或标题式大小写,配以紧凑字间距。
  • 按钮文案 低调的文本式导航,避免使用醒目的行动号召按钮。
  • 勿为产品卡片添加投影——截图显示其为平面实色背景面板。
  • 勿使用粗体字重——截图显示所有字体均保持统一的 400 字重。
  • 勿为行动号召引入亮色点缀——截图显示为严格的单色黑色文本。
  • 勿使用装饰性衬线字体——截图完全依赖中性的 grotesque sans-serif 字体。
  • 勿为卡片添加圆角——截图显示为严格的直角(90度)。
  • 勿用厚重边框扰乱布局——截图仅使用极简的细水平线或完全不使用。
  • 避免: 避免装饰性元素或繁复修饰。
  • 避免: 避免使用高饱和度的点缀色。
  • 避免: 避免复杂的字体排印或多种字重。

11

System Prompt

设计一个极简、高端的画廊风格界面,用于展示实体高端产品。布局需极度干净克制,采用单色系调色板。关键色彩包括:主白色背景(#F2F2F2),产品卡片使用微妙的暖中性色面板(#F9F7F0, #F4EFE9),所有文本使用纯黑色(#000000)。字体必须为单一的 grotesque sans-serif 字体族,统一使用 400 字重,标题采用紧凑的负字间距。关键约束:永远不使用粗体字重,避免任何明亮的强调色,所有卡片保持尖角(0px 圆角),所有 UI 元素严格左对齐或居中。整体感觉应静默、客观且高度精致。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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