Poe

一个与多个 AI 模型交互的实用工具室

高对比度的中性背景，搭配单一微妙的品牌色作为链接点缀。

system-ui

• display36px · 700
• body16px · 400
• caption14px · 400

基于标准 4px 网格，区块内边距统一为 16px 和 32px。

1px solid #E3E3E7

rgb(128, 128, 128) 0px 0px 5px 0px

居中单栏布局，顶部带有滚动文字横幅。

hover 状态下的背景色和边框色 transition。 · 滑动元素的向右 transition。

微妙的边框和背景色变化。 · 即时的状态变化或 transition。

• button 全宽描边胶囊按钮，文字居中。
• card 带圆角的顶部滚动横幅卡片。
• input 带圆角的全宽单行文本输入框。
• hero 居中文字区块，包含标志、描述性段落和 CTA 按钮。

• 语气 信息丰富、直接且功能性强。
• 标题风格 粗体、简洁，描述平台的功能用途。
• 按钮文案 简洁、面向行动的标签，如“使用 Google 继续”。

• 不要使用暗色模式 — 截图显示为明亮的白色背景。
• 不要使用装饰性衬线字体 — 截图显示为简洁的无衬线系统字体。
• 不要使用复杂的背景渐变 — 截图显示为纯白色和浅灰色的表面。
• 不要使用狭小的间距 — 截图显示为充裕的垂直节奏和内边距。
• 不要使用色彩鲜艳的主要按钮 — 截图显示为无填充色的描边按钮。
• 不要使用厚重的投影 — 截图显示为元素上极简或无投影效果。
• 避免: 过于华丽的语言
• 避免: 不必要的装饰
• 避免: 脱离语境的复杂术语

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