Runwayml

一个高端电影工作室与尖端AI研究实验室的融合。

单色且克制，使用高对比度的黑白配色，让摄影内容主导画面。

geometric-sans · humanist-sans

• display56px · 500
• heading36px · 500
• body16px · 400

为大型展示标题使用紧凑的负字距。 · 正文保持清晰、客观的语调。 · 仅在导航和类别标签中使用大写追踪。

大型视觉块周围留有充足空白，以维持高端、整洁的感受。

用于输入框和轻型分隔线的细微1px实线边框，采用中性灰色（#E5E7EB）。

全出血的主视觉区域过渡到结构化的、基于网格的内容区域。

为hover状态和focus指示器提供平滑的150ms-200ms过渡。 · 为可见性变化使用线性透明度淡入淡出。

通过细微的颜色变化或背景过渡来指示可交互性。 · 提供即时视觉反馈，使用最小化、不突兀的过渡效果。

• button 简约的矩形按钮，带有细微边框或纯色深色背景，搭配简洁的无衬线文字。
• card 具有清晰分隔的内容块，大型摄影素材与描述性文字各占50%的分割布局。
• chip 不适用
• input 简洁、带边框的输入框，配有充足内边距。
• hero 巨大的、边缘到边缘的摄影或视频背景，叠加白色排版和主要号召性用语。

• 语气 富有远见、专业且权威。
• 标题风格 大型、有冲击力的陈述，定义产品的前瞻性使命。
• 按钮文案 直接且以行动为导向（例如“开始使用”、“了解更多”）。

• 不要使用鲜艳、高饱和度的强调色——截图显示的是严格单色的UI，仅包含黑、白、灰。
• 不要对UI元素应用厚重的投影——截图显示的是完全扁平、无表面效果的设计。
• 不要使用装饰性或过度风格化的排版——截图显示的是简洁、功能性的几何无衬线字体。
• 不要在界面中堆砌过多文字——截图优先展示大尺寸图像，而非密集文案。
• 不要使用多种按钮样式——截图保持非常一致、简约的按钮美学。
• 不要依赖基于网格的图标系统——截图使用摄影和简单文字作为其视觉语言。
• 避免: 避免分散视觉作品注意力的杂乱布局。
• 避免: 避免过于复杂的调色板。
• 避免: 避免削弱高端科技定位的俏皮或非正式语言。

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