Create Video

一个用于分享短内容和动态的数字公共广场。

一个高对比度、以内容为中心的配色方案，优先考虑可读性，并使用单一的亮蓝色作为交互元素的强调色。

grotesque-sans

• display20px · 700
• body15px · 400
• caption13px · 400

所有文本使用统一的 grotesque-sans 字体族（TwitterChirp）。 · 基础字号为15px以确保可读性。 · 名称和标题使用700字重以示强调。

基于4px网格的标准垂直节奏，16px和24px为主要栏间距。

1px solid #E4EAEC

0px 4px 12px 0px rgba(0, 0, 0, 0.08)

三栏布局：左侧边栏用于导航，中间栏用于主信息流，右侧栏用于推荐和链接。

悬停和聚焦时颜色和背景色平滑过渡。 · 交互元素有细微的不透明度变化。

背景色轻微变化（例如变为#F7F9F9），文字颜色平滑过渡。 · 通过颜色变化提供即时视觉反馈。

• button 药丸形按钮，具有完全圆角（9999px）。主要操作为白底黑色实心文字；次要操作为描边样式。
• card 无明显的卡片容器；内容通过水平线和内边距分隔。
• chip 内联元素，具有药丸形背景，常用于按钮或标签。
• input 简洁的单行文本输入框，边框极简，常用于撰写帖子。
• hero 一个全宽的顶部横幅图像，后跟一个大型圆形个人主页头像，头像部分覆盖横幅。

• 语气 直接、信息丰富且面向公众。
• 标题风格 加粗、简洁，且常以行动为导向。
• 按钮文案 清晰、祈使性的动词（例如‘注册’、‘创建账号’）置于高对比度按钮上。

• 不要使用衬线字体——截图显示了一个统一的 grotesque-sans 字体系统。
• 不要使用浓重的投影——截图显示大多数元素无投影或投影极简，仅在卡片上有一个细微示例。
• 不要使用带有许多栏间距的复杂网格——截图显示了一个干净的三栏布局，间距一致。
• 不要使用深色模式主题——截图显示主要为白色背景和黑色文字。
• 不要使用多种强调色——截图显示链接和操作仅使用一种主要的蓝色强调色。
• 不要在按钮上使用直角——截图显示按钮为完全圆角的药丸形。
• 避免: 正式或过于企业化的语言。
• 避免: 装饰性或华丽的散文。
• 避免: 模糊的行动号召。

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