Meilisearch

一个对开发者友好的搜索引擎基础设施，其流畅与快速程度堪比原生功能。

暗色模式与高饱和度点缀色

geometric-sans · humanist-sans · monospace

• display64px · 700
• h232px · 600
• body16px · 400
• small14px · 400

使用几何无衬线字体用于标题，以保持大胆、现代的审美。 · 使用人文无衬线字体用于正文，确保在小字号下具有高可读性。 · 使用等宽字体用于代码块，以清晰区分开发者相关内容。 · 在深色背景上保持充裕的行高以提升可读性。

8px 垂直节奏，标准内容间距为 24px，主要章节分隔则扩展至 96px。

卡片使用 1px solid rgba(255, 255, 255, 0.1) 边框，可选 2px 点缀色边框。

0px 32px 68px 0px rgba(0, 0, 0, 0.3)

营销页面采用标准的居中单栏流式布局，功能网格则扩展为多栏布局。

交互元素上的平滑 color 和 background-color 过渡。 · 按钮和卡片在 hover 状态下的微妙 transform（scale/translate）。 · 内容显示与状态变化时的淡入淡出过渡。

color、background-color 和 border-color 的平滑过渡。 · 微妙的缩放效果或即时的颜色变化以提供反馈。

• button 药丸形按钮，高对比度（实心白色或粉色），带有 hover 过渡效果。
• card 磨砂玻璃或半透明深色表面，圆角（16px 半径）。
• chip 小型圆润指示器，用于状态或标签，采用微妙边框或背景变化。
• input 搜索输入框采用大药丸圆角，配有突出的搜索图标和占位符文本。
• hero 全宽区块，配有戏剧性的渐变背景、大号字体和一个突出的交互式演示。

• 语气 自信、以开发者为中心，并略带趣味。
• 标题风格 粗体、直接、以收益为导向，常使用强动词。
• 按钮文案 清晰且注重行动，例如「开始使用」或「申请演示」。

• 不要使用亮霓虹绿——截图显示的是深紫与粉色渐变配色方案
• 不要使用衬线字体作为标题——截图显示标题使用的是粗体几何无衬线字体
• 不要使用尖锐、方正的圆角——截图显示所有卡片和按钮都采用大圆角（16px 和药丸形）
• 不要使用白色背景——截图显示的是带有微妙半透明覆盖层的深色模式
• 不要使用纤细、精致的字重进行强调——截图显示所有重要文本都使用粗体字重（600-700）
• 不要使用局促的间距——截图显示区块间有宽裕的内边距（96px）和充裕的间隙（24px）
• 避免: 企业流行语
• 避免: 过于正式或生硬的语言
• 避免: 被动语态

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