Hypercubic

一个由AI驱动的、用于传统大型机系统的现代界面。

高对比度暗色模式界面，优先考虑在复杂技术环境中的专注度和可读性。

transitional-serif · humanist-sans · monospaced

• display64px · 500
• subtitle28px · 400
• body16px · 400
• caption12px · 500

一致的4px网格，用于密集界面中的精确对齐。

1px solid rgba(255,255,255,0.1)

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

标准的居中容器，包含一个全宽英雄区域，随后是复杂的应用程序截图展示。

按钮和链接上微妙的悬停过渡 · 内容区域平滑的淡入效果

交互元素上细微的背景颜色变化或下划线。 · 即时的视觉反馈，通常是轻微的下沉或颜色变化。

• button 深色背景上的白色文字，或白色背景上的深色文字；简洁，矩形或略带圆角。
• card 带有细微边框的深色面板，用于组织复杂的终端和代码信息。
• chip 小巧、圆润的药丸状元素，用于标签或状态指示器。
• input 深色背景配以浅色文字和细微边框，通常使用等宽字体用于代码。
• hero 大型、居中的文本块，配有醒目的行动号召按钮，强调产品的核心价值。

• 语气 技术性、自信且直接。
• 标题风格 声明式且以产品为中心，使用强有力的动词和专业术语。
• 按钮文案 清晰、行动导向的标签（例如，'下载'、'阅读更多'）。

• 不要使用浅色背景——截图显示的是暗色模式界面。
• 不要使用装饰性字体——截图显示标题使用的是过渡衬线体。
• 不要使用明亮、饱和的强调色——调色板严格为单色。
• 不要使用圆润、有趣的UI元素——组件是矩形且功能性的。
• 不要使用纤细、低对比度的排版——文本在深色背景上使用高对比度的白色/浅灰色。
• 不要使用复杂的渐变——表面是纯色深色，带有细微边框。
• 避免: 营销套话
• 避免: 模糊的承诺
• 避免: 过于随意的语言