Hex

一个融合了编辑优雅与技术严谨的精密数据科学笔记。

沉稳且值得信赖的中性色调，搭配温暖、微妙的点缀色。

transitional-serif · geometric-sans · monospace

• display80px · 400
• display280px · 800
• h140px · 400
• body14px · 400
• mono12px · 400

标题使用衬线字体，以增加编辑的分量感。 · 所有正文和 UI 元素使用无衬线字体，确保清晰易读。 · 代码块严格使用等宽字体。

基于标准 4px 网格，内容区域采用舒适的内边距以提升可读性。

微妙、低对比度的边框，使用低不透明度的主墨色。

0 0 0 1px rgba(0, 0, 0, 0) · 0px 1px 1px 0px inset rgba(49, 38, 59, 0.14)

主视觉区域采用居中的内容栏，产品详情使用宽幅的内容网格。

鼠标悬停时平滑的背景色过渡。 · 焦点状态下的微妙透明度变化。 · 交互元素的变换效果。

微妙的背景色变化或透明度改变。 · 通过背景或边框过渡提供即时视觉反馈。

• button 主按钮采用实心背景（隐含上下文）和圆角药丸形状；次级按钮采用微妙的描边和圆角。
• card 干净的卡片，带有非常细微的边框和极简的阴影，用于展示产品功能。
• chip 小巧的药丸形标签，用于分类，背景对比度低。
• input 干净的文本输入框，带有细微边框，代码相关字段采用等宽字体样式。
• hero 大尺寸、富有冲击力的主视觉区域，结合了衬线与无衬线字体，并搭配产品界面片段。

• 语气 专业、权威，同时平易近人且引人入胜。
• 标题风格 简洁、有力的陈述，融合了编辑风格与技术精度。
• 按钮文案 直接且以行动为导向，鼓励立即探索。

• 不要使用霓虹色或高饱和度的点缀色——截图显示的是一种微妙、温暖的灰玫瑰色点缀。
• 不要在标题中使用纯几何无衬线字体——截图主视觉区域显著使用了过渡性衬线字体。
• 不要使用厚重的投影或 3D 效果——截图显示的是非常扁平、微妙的设计，阴影使用极少。
• 不要在大多数元素上使用 rounded-lg 或 rounded-xl——截图显示主要使用尖角（2px-4px）或药丸形状（9999px）。
• 不要使用明亮、饱和的背景色——截图主要使用米白色（#FFFCFC）和非常浅的灰色。
• 不要在正文使用粗体（700+）——截图显示正文始终使用 400 字重。
• 避免: 缺乏上下文的过度技术术语。
• 避免: 模糊或浮夸的营销语言。
• 避免: 过于强烈或喧闹的配色方案。
• 避免: 过于复杂的动画。
• 避免: 杂乱或繁忙的布局。

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