Claude

一位高度成熟的AI助手，融合了学术的严谨与现代、亲切的设计。

采用暖色单色调色板，以米白色背景和深炭灰色文字为主，使用柔和的暖灰色作为边框和弱化元素。

transitional-serif · humanist-sans · monospace

• display56px · 500
• heading30px · 400
• body16px · 400
• caption12px · 400

所有主要标题和展示文本使用过渡衬线字体。 · 所有正文、导航和UI组件使用人文主义无衬线字体。 · 正文字重始终保持在400，以维持平静、易读的韵律。

简洁、宽松的间距，使用一致的4px基础网格，容器内有充足的垂直内边距。

使用暖中性灰色（rgba(209, 207, 197, 1.0)）的1px细边框。

rgba(0, 0, 0, 0.1) 0px 4px 16px 0px · rgba(209, 207, 197, 1.0) 0px 0px 0px 1px

一个简洁、居中的12列网格布局，具有宽大的间距和清晰的内容区块。

hover和focus状态下的平滑颜色过渡。 · 内容出现时的微妙淡入效果。 · 交互元素的平滑背景色变化。

交互元素的微妙颜色变化或背景变化。 · 立即的状态变化，带有最小化反馈。

• button 实心黑色或白色按钮，圆角（4px-8px半径），使用简洁的无衬线标签。
• card 卡片带有微妙的1px暖灰色边框、充足的内边距和柔和的圆角（12px）。
• chip 用于功能列表的简单对勾标记加文本标签。
• input 简洁、无边框或带微妙边框的输入框，专注于可读性。
• hero 分屏布局，左侧为大号衬线标题，右侧为说明性的UI模型图。

• 语气 专业、智慧且异常平静。
• 标题风格 使用精致的衬线字体表达清晰、以利益为导向的陈述。
• 按钮文案 直接、简洁、以行动为导向（例如，'尝试 Claude'）。

• 不要使用明亮、霓虹色或高饱和度的强调色——调色板是温暖且单色的。
• 不要在标题中使用厚重、方块感的无衬线字体——展示字体是精致的过渡衬线字体。
• 不要使用紧凑、密集、小内边距的布局——设计优先考虑充足的留白。
• 不要使用刺眼的纯黑色（#000000）和纯白色（#FFFFFF）——调色板使用的是温暖的米白色（#FAF9F5）和深炭灰色（#141413）。
• 不要使用激进、有弹性或复杂的缓动曲线——过渡是平滑且微妙的。
• 不要到处都使用圆润的药丸形按钮——标准的圆角矩形（4px-8px）是主要操作的默认选择。
• 避免: 面向用户的文案中使用过于技术性的术语。
• 避免: 使用响亮、高对比度的强调色。
• 避免: 使用激进或花哨的动画效果。
• 避免: 使用密集、杂乱的布局。

历史提取与模型分析 · 尚未逐项校验