Theverge

一本高端、聚焦科技的数字杂志，具有简洁、现代且略带趣味性的美学。

以高对比度深色主题为主，辅以用于聚焦的主绿色强调色，以及用于辅助文本的灰度色阶。

display-serif · humanist-sans · monospace

• display56px · 900

采用标准的 4px 基础网格，并提供充足的垂直间距以提升可读性。

使用柔和的灰色或黑色 1px 细边框进行内容分隔。

0px 2px 2px 0px rgba(0, 0, 0, 0.2)

主内容区域，右侧配有用于最新故事和嵌入内容的侧边栏。

hover 时背景颜色的平滑过渡 (0.15s) · 滑动元素的平滑向右过渡 (0.3s)

交互元素在 hover 时显示细微的背景颜色变化和手形光标。 · 立即响应，可能伴随背景变化。

• button 药丸形按钮，具有明亮的强调色背景和大写文本。
• card 内容块，带有柔和的边框和清晰的排版层级。
• chip 小型标签或徽章，使用大写文本，常采用强调色或柔和色。
• input 搜索或输入框，具有柔和的边框和深色背景。
• hero 全幅图像，上方叠加大型、醒目的标题。

• 语气 权威、现代，且略带不羁。
• 标题风格 粗体、大号，常具有冲击力或挑衅性。
• 按钮文案 直接且以行动为导向，常在强调色按钮上使用大写文本。

• 不要使用浅色主题——截图显示的是深色、高对比度背景。
• 不要使用细的、浅色字体作为标题——截图显示的是粗体、厚重的展示型字体。
• 不要依赖单一的中性色——截图使用了明亮的绿色强调色。
• 不要使用小而紧凑的间距——截图显示了充足的内边距和外边距。
• 不要使用圆润、 bubble 风格的 UI 元素——截图显示的是直角和药丸形状。
• 不要使用低对比度文本——截图通过深色背景上的白色确保了可读性。
• 避免: 轻松或过于 playful 的语气
• 避免: 虚弱或被动的表达
• 避免: 视觉杂乱或过度装饰

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