OpenDesign·你的设计资产库

网页参考

Ollama

本地构建开源模型最简易的方式。

Developer ToolsAICleanCalmTooling
Ollama 网站截图

01

设计气质 DNA

开源本地 AI开发者工具隐私优先无障碍 AI

一款专注于开发者的命令行工具,以极简的方式将开源 AI 模型的强大功能带到您的本地终端。

02

色彩

#000000Ink
#737373Ink soft
#FFFFFFBG
#F5F5F5BG quiet
#A3A3A3Muted
rgba(229, 229, 229, 1.0)Line

高对比度单色调色板,依赖留白和清晰线条构建层次,零强调色。

03

字体

geometric-sans · humanist-sans · monospace

  • display36px · 400
  • heading24px · 400
  • body16px · 400
  • small14px · 400
  • micro12px · 400

标题与展示字体字重保持 400,营造平静、轻盈的美感。 · 正文文本使用标准 1.5 行高,以确保最佳可读性。 · 等宽字体严格保留用于终端命令。

04

间距

4px
8px
12px
16px
24px
32px
48px
64px
80px

充裕的垂直间距营造平静、透气的布局,主要区块间留有 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 定位为构建开源模型的'最简易方式'。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。