精选 · 开放 · 免费
Thesummerdrive
为风险投资组合聚会设计的俏皮、高对比度活动落地页。
EventEditorialCleanBold TypographyGeometric
01
设计气质 DNA
俏皮专属商务夏日复古
复古活动邀请函与现代初创公司作品集展示的融合。
02
色彩
#006EFFInk
#FFF8F1BG
rgba(0,110,255,1.0)Line
采用暖调奶油色基底与鲜明蓝色的双色调方案，蓝色用于所有交互与排版元素。
03
字体
grotesque-sans
- display
77px · 400 - heading
62px · 400 - subhead
38px · 400 - body
18px · 400 - small
16px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
此设计是一个用于风险投资组合聚会的俏皮、高对比度活动落地页。它采用极简色彩方案：温暖的奶油色背景（#FFF8F1）与单一的鲜明蓝色（#006EFF）用于所有交互元素和排版。排版完全使用无衬线字体，标题采用超大、字距紧凑的展示文本，正文则使用简洁的无衬线字体。关键约束：避免使用衬线字体或深色背景，绝勿使用多种强调色，并确保按钮始终为胶囊形轮廓而非实心块。布局居中且宽敞，依赖大量留白与纤细的蓝色水平线条构建内容结构，避免密集网格或复杂阴影。
en · zh-CN · zh-TW · ja · ko