OpenDesign·你的设计资产库

网页参考

Sackville

一个精致的、聚焦编辑风格的品牌,通过大胆的高对比度排版呈现策展体验。

EditorialBold TypographyCurationRefinedPremium

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

编辑风格精品策展精致

一本高端精品杂志或一个策展的画廊目录。

02

色彩

#1E49D9Accent
#F4F2EDBG
rgba(30, 73, 217, 1)Line

一个受限的高对比度双色调色板,在温暖的米白色背景上使用深邃的宝蓝色。

03

字体

grotesque-sans

  • display56px · 600
  • headline24px · 400

展示文本使用紧凑的字距和高字重。 · 频繁使用大写以示强调。

04

间距

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

充足的间距强调了极简布局和清晰的分区。

05

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

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

与主要油墨颜色匹配的纤细、均匀边框。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

一个严格的50/50分屏布局,将一张黑白图像与交互式控件分开。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

在静态截图中未明确显示任何动效。

交互式椭圆形按钮上暗示的悬停状态变化。 · 需要点击按钮以绕过年龄验证。

08

组件

  • button 带有粗体大写文本的椭圆形轮廓按钮。
  • card 未见。
  • chip 未见。
  • input 未见。
  • hero 一个作为年龄验证英雄区域的分屏布局。

09

文案语气与禁用清单

  • 语气 直接、精致且略带俏皮。
  • 标题风格 对话式但权威的大写问句。
  • 按钮文案 简单、第一人称的大写陈述句。
  • 不要使用多种主色——截图显示的是严格的双色调色板。
  • 不要使用左对齐的文本作为主要操作——截图显示文本居中在椭圆形状内。
  • 不要使用厚重的投影——截图显示的是扁平化的图形设计。
  • 不要使用复杂的多列网格——截图显示的是清晰的分屏布局。
  • 不要使用深色背景——截图显示的是明亮、温暖的米白色背景。
  • 不要使用厚重的装饰性衬线字体——截图使用的是简洁的几何无衬线字体。
  • 避免: 避免过于复杂或企业化的语言。
  • 避免: 避免杂乱的UI或过多的边框。
  • 避免: 避免特定椭圆形状之外俏皮、活泼或过于圆润的元素。
  • 避免: 避免柔和、低对比度的颜色组合。
  • 避免: 避免缺乏特色的通用无衬线字体。
  • 避免: 避免密集的文本块。

11

System Prompt

这是一个为策展品牌设计的、精致的聚焦编辑风格的年龄验证页面。设计依赖于一个高对比度的双色调色板,在温暖的米白色背景(#F4F2ED)上使用深邃的宝蓝色(#1E49D9)。排版简洁且具有几何感,使用粗体 grotesque-sans 类别字体以达到最大冲击力,采用大号大写文本。布局是严格的50/50分屏,将一张风格化的黑白照片与交互元素分开。关键的禁忌包括避免企业化语言、避免复杂网格以及避免柔和、低对比度的颜色组合。设计必须在极简克制与大胆、富有表现力的图形元素之间取得平衡。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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