Tatem

静谧湖泊上的一个薄雾弥漫的清晨

单一、柔和、富有氛围感的渐变营造出平静、专注的环境，将内容清晰度置于视觉噪音之上。

humanist-sans

• display48px · 500
• body16px · 400
• caption14px · 400

使用笔画末端柔和的干净几何无衬线字体，营造现代、亲切的感觉。 · 保持字重为轻到中等，以维持通透、整洁的美学效果。 · 确保文字与氛围感背景之间具有高对比度，以获得最佳可读性。

元素周围充足的留白强化了界面平静、开阔的感觉。

极简使用，仅在需要时采用细微的白色边框进行区分。

0 4px 12px rgba(0,0,0,0.05)

非对称、左对齐的首屏布局，右侧留有大量负空间。

文字元素采用柔和的淡入效果 · 按钮和链接在悬停状态下采用平滑过渡

交互元素在悬停时发生细微的颜色或透明度变化。 · 轻微缩放以提供即时反馈。

• button 极简的胶囊形按钮，采用纯色背景和清晰、直接的文字。
• card 截图中未显示，但会遵循极简风格。
• chip 截图中未显示，但会遵循极简风格。
• input 截图中未显示，但会遵循极简风格。
• hero 大型、富有氛围感的渐变背景，搭配居中文字和醒目的行动号召按钮。

• 语气 自信、平静，略带向往感。
• 标题风格 陈述式且注重益处，承诺提供卓越体验。
• 按钮文案 直接且面向行动（例如，'开始使用'）。

• 不要使用明亮、高饱和度的强调色——截图显示的是柔和、单色调色板。
• 不要使用粗重的字体作为标题——截图使用中等字重以保持通透感。
• 不要用多个相互竞争的元素使界面显得拥挤——截图使用了大量负空间。
• 不要所有地方都使用尖锐的直角——截图暗示使用了柔和、圆润的圆角。
• 不要使用深色模式或繁忙的背景——截图使用了浅色、富有氛围感的渐变。
• 不要在首屏使用复杂的多栏布局——截图显示的是简单的左对齐布局。
• 避免: 营销式夸张或过多感叹号
• 避免: 技术术语
• 避免: 紧迫或强硬的措辞