Modal

一个开发者友好、兼具本地流畅感与全球扩展能力的云计算平台。

在深色背景上使用高对比度霓虹绿作为强调色，营造技术化、面向开发者的视觉美学。

geometric-sans · humanist-sans · monospace

• display54px · 500
• body16px · 500
• caption14px · 500

标题使用几何无衬线体，以保持技术感和现代感。 · 正文使用人文主义无衬线体，以确保在深色背景上的可读性。 · 展示型文本保持紧凑的字距，以提升高级感。

统一使用4px基础网格，规范内边距、间距和外边距，确保布局清晰且结构化。

使用柔和绿色调的1px实线边框分隔板块，避免视觉上过于生硬。

0 10px 15px -3px rgba(0, 0, 0, 0.1) · 0 4px 6px -4px rgba(0, 0, 0, 0.1)

首页采用单栏居中布局，过渡到多栏的功能板块。

hover时的平滑颜色与背景过渡。 · 交互元素的细微缩放与旋转变换。 · 内容随滚动出现的淡入效果。

按钮和交互元素上的平滑颜色过渡与细微的缩放变换。 · 细微的缩放缩小反馈以指示按压状态。

• button 主要操作按钮为胶囊形，采用霓虹绿纯色背景；次要操作按钮为透明背景配以细微边框。
• card 无边框的深色卡片，依靠间距和排版来定义内容区块。
• chip 用于分类信息的胶囊形标签或芯片。
• input 简洁极简的输入框，配有细微边框和清晰的聚焦状态。
• hero 巨大的居中标题，辅以支持性副标题和突出的操作按钮，底部以大型抽象3D视觉元素为支撑。

• 语气 自信、技术化、面向开发者。
• 标题风格 大胆、直接、以效益为导向，强调速度与易用性。
• 按钮文案 鼓励立即参与的行动导向动词。

• 不要使用浅色模式或白色背景——截图显示的是深黑色背景。
• 不要为按钮使用圆角矩形——截图显示的是完全的胶囊形按钮。
• 不要使用多种强调色——截图显示的是单一的霓虹绿主强调色。
• 不要为标题使用厚重的衬线字体——截图显示的是简洁的几何无衬线字体。
• 不要在首屏区域堆积过多文本——截图显示的是清晰简洁的标题和副标题。
• 不要为正文使用明亮、饱和的颜色——截图显示的是用于次要信息的柔和绿色和灰色。
• 避免: 模糊的营销术语。
• 避免: 在主要标题中使用过于复杂的技术解释。
• 避免: 被动或犹豫的语言。

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