Shuttle Zip

一个数字文件的极简机场航站楼

在纯白画布上使用高对比度UI，仅配以单一的功能性强调色。

grotesque-sans

• display20px · 600
• body14px · 400

主要操作和标题使用粗体字重。 · 保持文本与背景之间的高对比度。 · 保持充足的行高以提高可读性。

严格的4px基础网格确保界面间距一致。

拖放区域使用1px dashed #D1D5DB，细分区域使用1px solid #E5E7EB。

一个居中的单列布局，带有顶部导航栏。

交互元素上有微妙的hover过渡效果。 · 按钮的状态变化平滑。

按钮在hover时变暗或改变背景色。 · 激活状态提供即时的视觉反馈。

• button 主要操作使用实心填充的扁平圆角按钮，次要操作使用文本/轮廓按钮。
• card 一个作为拖放区域的大型虚线边框矩形。
• hero 一个极简的主视觉区域，包含一个带插图的虚线拖放区和一个清晰的行动号召。

• 语气 直接、有帮助且不干扰。
• 标题风格 简短、面向行动的短语。
• 按钮文案 清晰、简洁的行动号召，例如“创建账户”和“分享”。

• 不要使用复杂渐变——截图显示的是纯色白色背景。
• 不要添加装饰性插图——截图仅显示了简洁的功能性图标组。
• 不要使用多种强调色——截图只显示了一种主导蓝色（#2563EB）。
• 不要使用厚重的投影——截图显示的是完全扁平、无阴影的设计。
• 不要使用衬线字体——截图明确显示了一种干净的几何无衬线字体。
• 不要使界面杂乱——截图展示了一种留有大量空白的极简主义方法。
• 避免: 营销术语
• 避免: 过于技术化的语言
• 避免: 模棱两可的说明
• 避免: 激进的销售说辞
• 避免: 复杂的句子结构