01
设计气质 DNA
已过期域名市场洞察分析干净专业
一个面向域名投资者的、以数据为中心的干净 SaaS 仪表板。
02
色彩
#1DA1F2Accent#212529Ink#495057Ink soft#FFFFFFBG#F8F9FABG soft#F1F3F5BG quiet#868E96Mutedrgba(0, 0, 0, 0.1)Line高对比度浅色主题，使用主要的青色强调用于活动状态和数据高亮。
03
字体
- display
32px · 600 - h3
20px · 600 - body
14px · 400
04
间距
4px8px12px16px24px32px48px64px一致的 16px/24px 垂直节奏，以确保可读性。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid #E9ECEF
0 1px 3px rgba(0, 0, 0, 0.08) · 0 4px 12px rgba(0, 0, 0, 0.05)
06
布局
1200container
12columns
24pxgutter
768 / 1024breakpoints
带有顶部导航栏的单栏居中布局。
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
链接和按钮上细微的 hover 状态变化。
链接改变颜色，按钮背景轻微变化。 · 标准指针光标。
08
组件
- button 带圆角的纯色主要按钮，次要按钮为文本链接。
- card 简洁的白色卡片，带有浅蓝色顶部强调边框和细微阴影。
- chip 不适用
- input 不适用
- hero 一个醒目的、色彩丰富的横幅卡片，显示域名和主要行动号召。
09
文案语气与禁用清单
- 语气 专业、信息丰富且直接。
- 标题风格 清晰且具有描述性，通常包含域名本身。
- 按钮文案 行动导向且具体，例如 '在 GoDaddy 上立即购买'。
- 不要使用厚重的投影 —— 截图显示的是细微、近乎扁平的卡片阴影。
- 不要使用手写或装饰性字体 —— 截图显示的是贯穿始终的干净几何无衬线字体。
- 不要使用深色主题 —— 截图显示的是明亮、白色背景的界面。
- 不要使用过多的渐变 —— 截图显示的是纯色，仅在英雄横幅中使用单一渐变。
- 不要使用混乱的布局 —— 截图显示的是结构化的、基于卡片的、网格对齐的布局。
- 不要使用嘈杂、相互竞争的强调色 —— 截图显示的是单一主导的青色强调色。
- 避免: 俏皮的行话
- 避免: 过多的营销辞藻
- 避免: 过于随意的语言
11
System Prompt
这是一个用于域名研究和市场交易的专业 SaaS 平台，其特点是干净、以数据为中心的设计。主要十六进制颜色是白色（#FFFFFF）和浅灰色背景（#F8F9FA），并使用主导的青色强调色（#1DA1F2）用于交互元素和高亮。字体依赖于用于标题和正文文本的干净几何无衬线类别。关键设计约束包括：避免厚重阴影，转而使用细微的立体感；保持严格的单一强调色色板；使用结构化的、基于卡片的网格布局，避免俏皮或混乱的元素。