Krea

AI生成时代的Photoshop。

高对比度暗色模式，使用中性灰与纯白文字，以突出生成的视觉内容。

humanist-sans · monospace

• display72px · 500
• display-sm48px · 500
• body16px · 400
• body-sm14px · 400

基于4单位网格的统一系统，主要章节之间留有充裕的垂直间距。

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

0px 1px 6px rgba(0,0,0,0.1) · 0px 9px 8px rgba(0,0,0,0.2)

居中的内容英雄区，设有最大宽度限制，移动端元素垂直堆叠。

交互元素上平滑的hover过渡 · 滚动触发内容的微妙淡入与上滑动画

按钮与链接的背景色或透明度发生微妙变化。 · 轻微的缩放减小或透明度降低，以提供即时反馈。

• button 药丸形主要按钮，纯白填充与黑色文字；次要按钮采用半透明深色填充、白色文字和微妙的白色边框。
• card 深色表面，背景略浅，带有细微内边框与柔和圆角。
• chip 用于分类的小型药丸形标签。
• input 深色背景输入框，带有细微边框和白色占位符文本。
• hero 大型、粗体的展示字体，居中置于突出的应用程序截图上方。

• 语气 自信、直接、赋能。
• 标题风格 大胆、陈述性的语句，强调力量与能力。
• 按钮文案 行动导向且具有吸引力，常提供免费入门点。

• 不要使用明亮、饱和的霓虹色强调色——截图显示的是严格的单色暗色调色板与纯白文字。
• 不要使用方形的按钮圆角——截图显示的是完全圆润的药丸形按钮。
• 不要使用衬线展示字体——截图显示所有标题均使用简洁、现代的人文主义无衬线字体。
• 不要使用浅色背景——截图显示主导的纯黑背景与深灰色卡片。
• 不要使用杂乱的导航——截图显示简洁、居中的水平菜单，链接极少。
• 不要使用尖锐的投影——截图显示非常微妙、柔和的阴影，与深色背景融合。
• 避免: 技术术语
• 避免: 被动语态
• 避免: 谦逊或不确定的语言

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