OpenDesign·你的设计资产库

网页参考

Thesummerdrive

为风险投资组合聚会设计的俏皮、高对比度活动落地页。

EventEditorialCleanBold TypographyGeometric
Thesummerdrive 网站截图

01

设计气质 DNA

俏皮专属商务夏日复古

复古活动邀请函与现代初创公司作品集展示的融合。

02

色彩

#006EFFInk
#FFF8F1BG
rgba(0,110,255,1.0)Line

采用暖调奶油色基底与鲜明蓝色的双色调方案,蓝色用于所有交互与排版元素。

03

字体

grotesque-sans

  • display77px · 400
  • heading62px · 400
  • subhead38px · 400
  • body18px · 400
  • small16px · 400

所有标签与主标题采用全大写文本。 · 厚重的展示字体与较轻的正文文本之间形成高对比度。 · 大型展示文本应用显著的负字母间距。

04

间距

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

充裕的水平内边距(144px)使内容居中,通过大量留白与统一外边距建立严格的垂直节奏。

05

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

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

纤细的实心蓝色线条作为水平分隔线。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

单列居中布局,具有宽边距,特定详情部分过渡为分栏布局。

07

动效与交互

200msmicro
300mssmall
950msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

hover 状态下背景色与颜色的平滑过渡。 · 交互元素的 transform 与 opacity 变化。

按钮与链接的背景色与颜色过渡。 · 缩放或 transform 微交互。

08

组件

  • button 大型胶囊形轮廓按钮,蓝色边框与文本,移动端居中。
  • card 简洁的带边框板块,包含日程列表或合作伙伴标识。
  • hero 以超大排版为主的首屏,中央展示复古汽车插图。

09

文案语气与禁用清单

  • 语气 俏皮、专属、非正式但兼具商务感。
  • 标题风格 大型、全大写、字距紧凑的展示文本。
  • 按钮文案 清晰的胶囊形轮廓按钮,搭配直接的动作文案。
  • 勿使用衬线字体——截图显示所有文本均一致使用无衬线字体。
  • 勿使用深色背景——截图显示温暖的浅奶油色(#FFF8F1)基底。
  • 勿使用多种强调色——截图仅使用单一蓝色(#006EFF)用于所有高亮。
  • 勿使用标准矩形按钮——截图显示圆角胶囊形轮廓按钮。
  • 勿使用小型首屏文本——截图显示超大、铺满屏幕的展示排版。
  • 勿使用投影——截图采用完全扁平化设计,仅以线条作为分隔。
  • 避免: 正文使用衬线字体
  • 避免: 深色背景
  • 避免: 小而密集的段落

10

包内真实截图

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

11

System Prompt

此设计是一个用于风险投资组合聚会的俏皮、高对比度活动落地页。它采用极简色彩方案:温暖的奶油色背景(#FFF8F1)与单一的鲜明蓝色(#006EFF)用于所有交互元素和排版。排版完全使用无衬线字体,标题采用超大、字距紧凑的展示文本,正文则使用简洁的无衬线字体。关键约束:避免使用衬线字体或深色背景,绝勿使用多种强调色,并确保按钮始终为胶囊形轮廓而非实心块。布局居中且宽敞,依赖大量留白与纤细的蓝色水平线条构建内容结构,避免密集网格或复杂阴影。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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