精选 · 开放 · 免费

Turso

面向 AI 代理时代的数据库。

01

设计气质 DNA

一款精密设计的开发者工具，兼具现代金融科技仪表盘的美学特质。

02

色彩

以深色模式为基础，采用高对比度霓虹色作为关键行动号召的强调色。

03

字体

geometric-sans · ui-monospace

• display64px · 800
• body16px · 400

所有界面与正文使用 Inter（几何无衬线字体）。 · 大型展示标题保持紧凑的负字间距。 · 所有界面元素使用清晰、高度易读的几何无衬线字体。

04

间距

基于一致的 4px 基础比例，提供清晰、透气的内边距与间距。

05

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

1px solid rgba(255,255,255,0.1)

06

布局

全宽深色区块，搭配居中且受限的内容块。

07

动效与交互

hover 状态下平滑的颜色与背景色过渡。 · 交互元素细微的透明度变化。

平滑的背景色与文字颜色过渡，持续 150-200 毫秒。 · 通过降低透明度或颜色变换提供即时视觉反馈。

08

组件

• button 高对比度胶囊式按钮，采用霓虹色背景与深色文字。
• card 细微边框卡片，深色背景配以柔和圆角。
• chip 小型胶囊状标签，采用柔和背景色。
• input 简洁的输入框，配以细微边框与深色背景。
• hero 大型居中、以文字为主的主视觉区，突出霓虹色点缀元素。

09

文案语气与禁用清单

• 语气 权威、技术性强、富有前瞻性。
• 标题风格 简短、有力、高度描述性的技术陈述。
• 按钮文案 直接、以行动为导向的命令式文案，强调霓虹色。

• 勿使用白色背景 — 截图显示的是深邃的深色基底（#0D1318）。
• 勿使用装饰性衬线字体 — 截图显示的是简洁的几何无衬线字体。
• 勿使用多种强调色 — 截图显示霓虹薄荷绿（#4FF7D1）是唯一主导的高饱和度点缀色。
• 勿使用柔和的投影 — 截图显示的是细微的 1px 边框与背景色变化来体现层次。
• 勿使用狭小、拥挤的间距 — 截图显示内容块周围有充裕的内边距（如 40px、128px）。
• 勿将所有标题全部小写 — 截图显示技术陈述采用标准的标题式大写或句首大写。
• 避免: 避免使用非正式或随意的语言。
• 避免: 避免缺乏技术实质的泛营销套话。
• 避免: 避免过于复杂或华丽的句子。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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