Luma AI

用于物理AI生成的电影级工作室

采用高对比度电影级深色模式与单色UI，让生成媒体脱颖而出。

transitional-serif · geometric-sans

• display48px · 400
• headline32px · 400
• body16px · 400
• label14px · 500

标题使用紧凑的负字距，营造电影感。 · 导航链接采用大写字母并加大字间距。 · 正文采用清晰易读的几何无衬线字体。

采用统一的4px基础网格，章节内边距充裕（160px）。

1px solid rgba(115,115,115,0.3)

0 4px 24px rgba(0,0,0,0.5)

从全出血首屏章节过渡至带有清晰12列网格的居中内容容器。

交互元素上的细微透明度与形变过渡。 · 沉浸式背景媒体循环。

交互元素平滑的透明度过渡（0.15秒）。 · 细微的形变缩放。

• button 采用药丸形状设计，可为纯白背景配黑色文字，或透明边框样式配白色文字。
• card 以图像为主导的卡片，圆角充裕（24px）并带有柔和阴影。
• input 简洁极简的输入框，带细微边框与高对比度文本。
• hero 全视口沉浸式视频或图像背景，搭配居中的白色文字排版。

• 语气 自信、富有远见且技术精湛。
• 标题风格 大气、优雅的衬线体标题，兼具高端感与编辑感。
• 按钮文案 直接且注重行动（例如'尝试 Luma'、'了解更多'）

• 不要使用明亮、高饱和度的强调色——截图显示的是严格单色的UI，没有主导强调色。
• 不要使用装饰性或手写风格字体作为标题——截图显示的是清晰、优雅的衬线体。
• 不要使用锐利的0像素直角——截图显示的是圆角按钮（药丸形）和卡片（24px圆角）。
• 不要使用浅色模式主题——截图显示的是深黑色背景配白色文字。
• 不要使用居中的多行文本块——截图显示的是居中的简洁标题。
• 不要使用繁杂、有图案的背景——截图显示的是纯黑色或高质量的模糊摄影图像。
• 避免: 使用过于活泼或随意的语言。
• 避免: 用不必要的装饰元素使UI显得杂乱。
• 避免: 使用破坏电影氛围的明亮霓虹色。
• 避免: 为UI元素使用生硬的直角。
• 避免: 创建缺乏呼吸空间的密集文字布局。
• 避免: 使用分散媒体注意力的复杂渐变或繁杂背景。

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