Pinecone

为开发者构建智能、数据感知应用而打造的精密工程工具包。

极简、高对比度的色彩系统，活力品牌蓝作为唯一高饱和度信号，置于中性、纯净的背景之上。

humanist-sans · monospaced

• display56px · 500
• heading40px · 500
• subheading20px · 500
• body16px · 400
• caption12px · 400

章节标题上方（如“ARCHITECTURE”、“USE CASES”）使用大写字母，并增加字间距。 · 大型展示文字保持紧凑的字距，营造现代、精密的工程感。 · 等宽字体仅严格用于代码片段和 CLI 命令。

统一使用 8px 网格，内容区域采用充足的垂直内边距以维持清晰的视觉层级。

使用 #E7E5E4 的 1px 实线进行细微分隔；主按钮的 focus 状态使用明显的蓝色边框。

rgba(0, 0, 0, 0.06) 0px 2px 8px 0px · rgba(0, 0, 0, 0.1) 0px 8px 32px 0px

居中的单列主容器，两侧留有宽大边距，营造专注的阅读体验。

交互元素使用快速的 150ms 颜色和边框过渡。 · UI 状态切换使用更平滑的 220ms 透明度淡入淡出。

文本链接和按钮上的颜色过渡（150ms ease-out）。 · 细微的透明度或背景色变化，提供即时触觉反馈。

• button 实色蓝（主按钮）和带边框的白色（次按钮）。锐利的 4px 圆角。简洁、功能性的外观。
• card 内容区域通过水平分隔线和充足内边距来界定，而非传统的卡片边框或阴影。
• chip 小型、圆角（胶囊形）标签，带有细微边框，用于代码集成（例如 {Claude Code}）。
• input 简洁、清晰的输入框，带有明确的边框和充足的内边距。
• hero 宽松的布局，包含一个大型左对齐的展示标题、简洁的副文本，以及突出的主次操作按钮。

• 语气 直接、技术性、权威。简洁且注重效益。
• 标题风格 大胆、宣言式、行动导向（例如“赋予智能体数据”）。
• 按钮文案 清晰、命令式的动词，聚焦开发者工作流（“开始构建”、“获取演示”）。

• 不要使用大于 8px 的圆角——设计语言需精确且具技术感。
• 不要引入多种鲜艳颜色——调色板依赖单一蓝色强调色与中性色的搭配。
• 不要使用装饰性渐变或复杂的背景图像——背景保持纯白或近白色。
• 不要将大段正文居中对齐——主要采用左对齐以提升可读性。
• 不要使用手写体或装饰性衬线字体——排版严格使用功能性的无衬线和等宽字体。
• 不要在每个组件上使用投影——投影仅用于下拉菜单等特定 UI 元素。
• 不要使用过大的内边距，这会使 UI 元素失去关联感——保持结构的整体性。
• 不要自行发明深色模式样式——主要捕获的界面为白色背景的浅色模式。
• 避免: 营销话术或过于随意的语言。
• 避免: 冗长、迂回的句子；坚持使用有力的技术文案。
• 避免: 模糊的承诺；始终将主张锚定于具体指标或功能。
• 避免: 过多的感叹号或夸大其词。
• 避免: 过度复杂的行话，这会模糊核心价值主张。

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