Playground

一块带有明确起点的空白画布

采用中性、浅灰色的画布，让内容或生成图像成为焦点，辅以单一活力蓝色作为主要操作的强调色。

grotesque-sans · humanist-sans

• display36px · 500
• body16px · 400
• caption13px · 400

所有字号文本均采用紧凑的负字间距，以保持现代、紧凑的视觉感受。 · 突出文本优先使用中等字重（500），正文内容使用常规字重（400）。

基于4px的网格系统，主要组件间采用24px的宽松间距。

1px solid rgba(228,228,231,1.0)

rgba(0,0,0,0.05) 0px 2px 16px 0px · rgba(0,0,0,0.08) 0px 1px 4px 0px · rgba(0,0,0,0.12) 0px 4px 24px 0px · rgba(0,0,0,0.14) 0px 12px 36px 0px · rgba(0,0,0,0.2) 0px 3px 12px 0px

居中Logo，右侧为水平导航，包含文字链接和一个醒目的圆角CTA按钮。

所有交互元素采用200ms时长的平滑过渡。 · 微交互（如颜色变化）提供75ms时长的快速反馈。 · 更复杂的界面状态变化（如盒子阴影）采用500ms时长的较慢过渡。

文本链接的悬停效果为微妙的颜色或背景变化，按钮和卡片则有轻微的缩放或阴影增强。 · 提供即时的视觉反馈，通常是轻微的缩放或颜色偏移。

• button 圆润的药丸形按钮，采用高对比度背景色（主要按钮为活力蓝色，次要按钮为浅灰/白色），搭配白色文字。
• card 卡片采用大圆角（16px、24px），在略浅的背景上带有微妙的盒子阴影。
• hero 全视窗区域，采用微妙的径向渐变背景，专为展示大型图像而设计。

• 语气 直接、功能性、不喧宾夺主。
• 标题风格 简洁且具有行动导向，使用中等字重。
• 按钮文案 清晰且吸引人，使用高对比度的圆角按钮。

• 避免使用深色背景——截图显示以浅灰和白色为主的色调。
• 避免使用装饰性或衬线字体——截图显示清晰、几何风格的无衬线字体。
• 避免使用尖锐的直角——截图显示所有元素都采用大圆角（8px至9999px）。
• 避免使用多种明亮的强调色——截图显示以单一活力蓝色为主导。
• 避免使用过于生硬的投影——截图显示柔和、微妙且低透明度的阴影。
• 避免使用过多的间距或内边距——截图显示布局紧凑、间距紧密。
• 避免: 过于随意的俚语
• 避免: 复杂的行话
• 避免: 分散注意力的装饰元素

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