Pluto

一个用于高价值资产购买的清晰、功能性的交易表单。

高对比度的中性色确保可读性，单一的青绿色用于交互状态和价格显示。

humanist-sans

• display48px · 700
• heading24px · 600
• body16px · 400
• caption14px · 400

主字体为清晰的humanist-sans无衬线字体，针对UI清晰度进行了优化。 · 粗体用于强调关键的交易细节，如价格。 · 文本对齐方式主要为左对齐。

宽松的垂直节奏，内容块和表单元素之间有清晰的分隔。

用于卡片和分隔线的1px solid rgba(0,0,0,0.1)边框。

0 1px 3px rgba(0,0,0,0.1) · 0 4px 12px rgba(0,0,0,0.05)

双栏布局，左侧为左对齐的营销内容，右侧为右对齐的固定交易卡片。

交互元素上微妙的hover状态。 · 针对focus和状态变化的简洁过渡。

链接和交互元素上微妙的颜色变化或下划线。 · 标准的单选按钮选择和按钮按压反馈。

• button 全宽、圆角、高对比度的主操作按钮。
• card 用于购买表单的白色凸起卡片，带有微妙阴影。
• chip 用作内联列表指示器的复选标记图标。
• input 用于选择购买选项的单选按钮。
• hero 以域名名称为焦点的文本型主视觉区域。

• 语气 专业、直接且值得信赖。
• 标题风格 清晰突出，聚焦于域名名称本身。
• 按钮文案 以行动为导向且无歧义，例如'获取此域名'和'下一步'。

• 不要使用深色背景——截图显示的是以白色为主的背景。
• 不要使用多个相互竞争的强调色——截图使用单一的青绿色点缀。
• 不要使用圆润、俏皮的UI元素——截图使用标准的、略带圆角的边角。
• 不要使用装饰性插图——截图使用最小化、功能性的线条图标。
• 不要将所有文本居中对齐——截图主要使用左对齐文本。
• 不要隐藏主要操作——截图突出显示了一个醒目的'下一步'按钮。
• 避免: 使用过于随意或俚语的语言。
• 避免: 做出模糊或无法量化的声明。
• 避免: 使用过多的感叹号或激进的销售策略。