精选 · 开放 · 免费

Sprout Place

一个温暖、有趣的平台，用于与朋友创建虚拟聚会空间。

01

设计气质 DNA

一个供朋友使用的、充满趣味与邀请感的数字聚会空间。

02

色彩

温暖、高对比度的大地色系，以芥末黄和深酒红为主导。

03

字体

didone-serif · humanist-sans

• display104px · 400
• headline24px · 400
• body16px · 400

展示标题使用高对比度迪多纳衬线字体，字距紧凑。 · 正文使用简洁的人文主义无衬线字体。 · 导航和次要文字使用较小的无衬线字体字重。

04

间距

基于8px的网格，章节间具有充足的垂直间距（96px）。

05

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

1px solid rgba(62,8,8,1.0)

rgba(0, 0, 0, 0.2) 0px 4px 10px 0px

06

布局

全宽章节，内容容器居中，具有充足的垂直内边距。

07

动效与交互

滚动时的透明度过渡（0.75秒线性）。 · 交互元素的平滑悬停状态（0.25秒线性）。

悬停在交互元素上时，光标变为指针。 · 细微的透明度或颜色变化。

08

组件

• button 深酒红色的药丸形按钮，白色文字，带有悬停过渡效果。
• card 圆角容器（圆角半径15px），用于界面模型和用户头像。
• chip 小型药丸形标签，用于用户姓名（例如“May-Li”、“Julius”）。
• input 浅色背景，带有细微边框和圆角。
• hero 纯色背景上的大型居中文字，配有浮动的头像元素。

09

文案语气与禁用清单

• 语气 有邀请感、随意且富有趣味。
• 标题风格 粗体、简短且富有感染力（例如“你的空间，你做主”）。
• 按钮文案 直接且以利益为导向（例如“免费获取Sprout”）。

• 避免使用冰冷、临床感的配色方案——截图显示的是温暖、占主导地位的芥末黄（#F3D468）和深酒红（#3E0808）。
• 避免在标题中使用纯粹的几何无衬线字体——截图显示展示文字使用了高对比度迪多纳衬线字体。
• 避免使用狭小、局促的间距——截图显示具有充足的内边距（96px）和章节间清晰的视觉分隔。
• 避免在主要容器上使用尖锐的0px圆角——截图显示持续使用了圆角（15px+）。
• 避免使用扁平、灰度界面——截图显示了一个充满活力、高对比度的暖色调配色方案，并带有彩色点缀。
• 避免使用密集、大段落的布局——截图显示的是简短、有力的标题和最小化的正文文本。
• 避免: 正式的企业语言
• 避免: 过于技术性的行话
• 避免: 密集的大段文本

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko