Stytch

一个强大、面向开发者的工具包，用于构建安全的身份层，平衡了技术深度与企业级可靠性。

以暖白色为基础的高对比度单色调色板，优先考虑易读性和专业克制。

humanist-sans · monospace

• display64px · 700
• headline48px · 700
• body16px · 400
• code14px · 400

在主视觉展示和主要标题中使用Booton/BootonUncommon字体。 · 在所有正文文本、导航、按钮和技术元素中使用Chivo Mono字体。 · 为大号展示型文字保持紧凑的字间距（-1px到-2px）。

一致的基于4px的空间节奏，主视觉区域采用充足的内边距（48px）。

使用墨迹色和柔和色调的1px实线边框，通常按方向（底部/右侧）应用。

rgba(0, 0, 0, 0.5) 0px 8px 10px 0px

居中的内容容器，主视觉区域采用简洁的单栏流式布局。

交互元素微妙的transform过渡。 · hover状态和焦点变化的平滑缓动曲线。

细微的透明度或背景色变化。 · 最小化的视觉反馈，依赖状态变化。

• button 单色按钮，采用纯色填充（墨迹色或白色），微妙的4px圆角，以及等宽字体文本。
• card 简洁的、带边框的容器，带有微妙的背景变化（bgSoft）和方向性的角落点缀。
• chip 小型的等宽字体文本标签，带有细微的边框。
• input 标准的文本输入框，带有浅色边框。
• hero 居中的大号排版，暖白色背景上使用高对比度的墨迹色。

• 语气 专业、直接且技术精确。
• 标题风格 粗体、大字号排版，带有负字间距。
• 按钮文案 行动导向，等宽字体文本配以高对比度按钮。

• 不要使用鲜艳的渐变——截图显示的是一个单色调、纯色的调色板。
• 不要使用俏皮或圆润的衬线字体——截图使用的是一个以几何/等宽字体为主的系统。
• 不要使用大型、多彩的图标——截图依赖于排版和细微的边框。
• 不要将暗黑模式设为默认——截图显示的是一个明亮、暖白色的背景。
• 不要使用装饰性插图——截图专注于代码片段和简洁的UI。
• 不要使用过多的阴影——截图显示的是非常极简的、平面的分层效果。
• 避免: 避免过于装饰性或异想天开的语言。
• 避免: 避免复杂的渐变或鲜艳的颜色点缀。
• 避免: 避免俏皮或非正式的UI模式。

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