精选 · 开放 · 免费

Nuxtlabs

一篇采用极简暗色模式的开发者博文，宣告Vercel完成对NuxtLabs的收购。

01

设计气质 DNA

面向开发者受众的沉稳自信的公告博文。

02

色彩

高对比度暗色模式，带有冷色调蓝色底色，优先保证可读性与视觉焦点。

03

字体

grotesque-sans · monospace

• display36px · 500
• body16px · 400

Geist字体同时用于标题与正文，保持统一的技术美感。 · 段落采用宽松行高（1.6），确保深色背景上密集文本的可读性。 · 粗体（700）仅谨慎用于段落内的重点强调。

04

间距

通过统一的段落间距与列表项间隔建立垂直韵律。

05

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

极简边框，主要用于细微分隔或列表项目符号。

06

布局

单栏居中文本布局，留有充足边距以实现最佳可读性。

07

动效与交互

交互元素上应用细微颜色与文字装饰过渡效果。

交互元素悬停时产生细微颜色过渡。 · 标准点击行为。

08

组件

• button 无可见按钮。
• card 无可见卡片。
• chip 无可见标签。
• input 无可见输入框。
• hero 文本型首屏，包含大型颗粒感标志、醒目标题及引言段落。

09

文案语气与禁用清单

• 语气 专业、真诚、社区导向。
• 标题风格 直接、陈述式、庆祝性。
• 按钮文案 文内信息型链接。

• 勿使用白色背景——截图显示为深海军蓝/蓝黑色背景。
• 勿使用衬线字体排版正文——截图显示全文采用清晰无衬线字体（Geist）。
• 勿添加彩色强调或亮色按钮——截图依赖深色背景上的单色白/灰文本。
• 勿使用多栏网格布局——截图显示为单栏居中文本布局。
• 勿添加厚重投影或毛玻璃效果——截图采用扁平哑光表面。
• 勿使用两端对齐——截图采用左对齐文本。
• 避免: 营销式语言
• 避免: 充斥术语的技术解释
• 避免: 激进的行动号召

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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