Loom

一个简洁、高可信度的企业仪表盘，优先考虑清晰度和行动力。

简洁、高对比度的调色板，使用单一、充满活力的蓝色作为主操作色。

grotesque-sans · humanist-sans

• display64px · 700
• heading48px · 700
• body18px · 400

使用 grotesque-sans 作为醒目的展示文本，使用 humanist-sans 作为平易近人的正文。 · 为大标题保持紧凑的行高（1.0-1.1），营造密集、现代的感觉。

以 4px 为基准的统一间距，主要板块之间使用充裕的垂直间距（111px），确保呼吸感。

使用主色以低不透明度绘制的纤细、微妙的边框。

0px 2px 6px rgba(0,0,0,0.04) · 0px 5px 18px rgba(0,0,0,0.06) · 0px 24px 83px rgba(0,0,0,0.1)

英雄区域采用居中、单栏布局，功能集过渡到多栏网格。

为微交互（如 hover 状态和颜色变化）使用微妙、快速的过渡效果。 · 为模态框或面板的显示使用稍长的过渡效果。

主按钮和交互元素使用平滑的缓动曲线进行即时颜色过渡。 · 通过微妙的缩放或不透明度变化提供触觉反馈。

• button 高度圆润（药丸形状）的主按钮，采用粗体蓝色背景和白色文字，与微妙的次要按钮形成对比。
• card 用于展示功能或用例的大尺寸圆角容器，通常包含图像和描述性文本。
• chip 用于分类的药丸形状徽章或标签。
• input 干净的有边框输入字段，带有清晰的标签和充足的内边距。
• hero 一个占主导地位的居中文本块，包含大标题、支持性段落和主要行动号召，后跟一个宽视频或图像元素。

• 语气 专业、清晰且鼓舞人心，专注于效率和价值。
• 标题风格 简短、有冲击力的句子，直接陈述收益或功能。
• 按钮文案 以行动为导向的动词（获取、安装、了解更多），采用粗体、清晰的格式。

• 不要在按钮上使用尖锐的矩形圆角——截图显示的是高度圆润的药丸形状按钮。
• 不要依赖复杂的多色调色板——截图显示在中性基底上使用主导性的蓝色强调色。
• 不要为主要信息使用小而密集的文本——截图显示标题使用大而粗体的展示字体。
• 不要创建间距紧凑的杂乱布局——截图显示主要板块之间有充裕的垂直间隙。
• 不要为正文使用装饰性或衬线字体——截图使用干净、现代的无衬线字体系列。
• 不要为整个页面使用刺眼的深色背景——截图主要显示浅色背景，并带有针对性的深色区域。
• 避免: 过度技术性的行话
• 避免: 侵略性的销售语言
• 避免: 复杂的句子结构

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