Kraken

一个为数字时代打造的高端金融终端，在专业工具与便捷的零售入口之间取得平衡。

采用浅色背景上的高对比度深色文本以确保可读性，并以充满活力的紫色主强调色锚定转化元素。

geometric-sans · humanist-sans · monospace

• display64px · 500
• heading36px · 500
• body18px · 400
• label14px · 400
• mono12px · 400

展示字体采用几何无衬线体，用于高冲击力的标题。 · 正文字体采用简洁的人文无衬线体，针对长篇阅读进行优化。 · 等宽字体严格用于数据、代码和终端元素。

基于一致的 4px 基础比例，搭配充裕的内边距（16px, 24px, 54px），营造出平衡、通透的布局。

1px solid rgba(16,17,20,0.1)

0 4px 60px rgba(0,0,0,0) · 0 1px 4px rgba(16,24,40,0.04) · 0 1px 2px rgba(16,24,40,0.04)

以居中的单列主视觉开场，随后衔接一个12列网格，用于展示功能卡片和统计数据。

交互元素在悬停时使用透明度和变换过渡。 · 状态变化时使用平滑的背景色和边框色切换。 · 加载元素使用微妙的淡入效果。

按钮和链接的颜色与背景过渡（0.15s）。 · 通过微妙的透明度或缩放减小来提供触觉反馈。

• button 圆角药丸形状的按钮，采用高对比度填充（紫色）或透明背景加文字，用于次要操作。
• card 圆角矩形容器（12px半径），带有微妙的背景填充或深色渐变，用于高级功能。
• chip 小巧、圆角的标签或状态指示器，通常使用等宽字体或小型无衬线字体。
• input 简洁的矩形输入框，带有1px边框、圆角（8px）和清晰的占位文本。
• hero 在简洁背景上居中放置的巨型排版，后接一个突出的邮箱捕获表单。

• 语气 专业、权威，同时充满赋能感且易于访问。
• 标题风格 大胆、直接的陈述，聚焦于所有权与市场力量。
• 按钮文案 以行动为导向且具有紧迫感（例如，‘尝试 Kraken’，‘立即注册’）。

• 不要在卡片上使用厚重的投影——截图显示为扁平或非常微妙的层叠背景。
• 不要使用尖锐、方正的边角——截图显示所有容器和按钮都使用一致的圆角（8px 到 20px）。
• 不要使用混乱、多色的调色板——截图显示为以紫色强调为主导、搭配中性灰的配色方案。
• 不要使用元素过多、过于杂乱的布局——截图保持了充裕的留白和清晰的区块划分。
• 不要在UI元素上使用装饰性、手写体或衬线字体——截图使用简洁、功能性的无衬线体和等宽字体系列。
• 不要使用低对比度文本——截图在浅色或深色背景上均使用深色墨水，保持高可读性。
• 避免: 过于随意或‘加密圈’黑话。
• 避免: 被动或不确定的语言。
• 避免: 视觉杂乱或霓虹灯过重的‘游戏’美学。
• 避免: 缺乏清晰层级的密集文字墙。

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