01
设计气质 DNA
开源本地 AI开发者工具隐私优先无障碍 AI
一款专注于开发者的命令行工具,以极简的方式将开源 AI 模型的强大功能带到您的本地终端。
02
色彩
#000000Ink#737373Ink soft#FFFFFFBG#F5F5F5BG quiet#A3A3A3Mutedrgba(229, 229, 229, 1.0)Line高对比度单色调色板,依赖留白和清晰线条构建层次,零强调色。
03
字体
- display
36px · 400 - heading
24px · 400 - body
16px · 400 - small
14px · 400 - micro
12px · 400
标题与展示字体字重保持 400,营造平静、轻盈的美感。 · 正文文本使用标准 1.5 行高,以确保最佳可读性。 · 等宽字体严格保留用于终端命令。
04
间距
4px8px12px16px24px32px48px64px80px充裕的垂直间距营造平静、透气的布局,主要区块间留有 80px 间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
1px solid #E5E5E5,用于输入框、命令区块和细微分隔线。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中、单列流式布局,内容区域上下留有充足内边距。
07
动效与交互
150msmicro
150mssmall
150msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上的细微颜色与背景过渡。
文本链接和按钮状态上的细微颜色过渡。 · 交互元素上使用标准指针光标。
08
组件
- button 黑色实心胶囊形主按钮与带黑色边框的极简白色次按钮。
- card 带有细微边框和充裕内边距的内容区块,侧重文字密集型布局。
- chip 列表项前的对勾图标,充当视觉列表符号。
- input 圆角搜索栏,带有细微灰色背景和图标。
- hero 居中的吉祥物插图,后接大标题和一个代码片段区块。
09
文案语气与禁用清单
- 语气 自信、极简、技术感。
- 标题风格 简短、直接、以收益为导向的陈述。
- 按钮文案 行动导向的祈使句,例如 '立即开始'。
- 勿使用多种强调色 — 截图显示的是严格的单色配色。
- 勿使用过重的字重 — 截图显示的字重主要为 400 和 500。
- 勿在卡片上使用投影 — 截图显示的是带细微边框的扁平面。
- 勿使用圆角方形按钮 — 截图显示的是完全胶囊形的按钮。
- 勿使用密集、多列布局 — 截图显示的是宽敞的单列居中流式布局。
- 勿使用装饰性衬线字体 — 截图显示的是仅有的无衬线和等宽字体。
- 避免: 营销术语
- 避免: 过度形容词
- 避免: 标题中过于复杂的技术解释
10
包内真实截图
11
System Prompt
Ollama 是一款极简、面向开发者的开源本地 AI 工具着陆页。其设计基因以严格的单色配色(#000000 背景 #FFFFFF)为特征,使用 #737373 表示次要文本,#E5E5E5 表示边框和细微背景。字体采用干净的几何无衬线展示字体和人文无衬线正文字体,等宽字体保留用于代码片段。布局宽敞、居中、单列,优先考虑可读性和技术清晰度,而非视觉修饰。关键禁忌包括:永不使用强调色或渐变,保持字体字重轻盈(400-500),避免投影,使用胶囊形按钮,保持充裕留白,永不使用衬线字体。语调自信而直接,将 Ollama 定位为构建开源模型的'最简易方式'。






