返回设计库
O

Ollama

Ollama

访问网站

本地运行大模型工具。终端优先设计,黑白极简,命令行原生美学。

终端风格黑白极简命令行界面Monospace字体技术感

配色方案

primary
background
surface
text
muted
border

字体规范

标题字体SF Mono, Menlo, monospace
正文字体Inter, system-ui, sans-serif
基础字号14px
行高1.5
字重400, 500, 600

标题层级

h1Ollama Heading
h2Ollama Heading
h3Ollama Heading
h4Ollama Heading

DESIGN.md

# Ollama Design System

## Visual Theme & Atmosphere
Terminal-native aesthetic. Monospace headings and code blocks dominate. The design prioritizes function over form—command-line precision meets modern UI. Dark mode is default, with syntax highlighting accents.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #000000 | Brand, terminal text |
| Background | #FFFFFF | Light mode canvas |
| Surface | #F5F5F5 | Code blocks, panels |
| Text | #1A1A1A | Body text |
| Muted | #666666 | Secondary, hints |
| Border | #E0E0E0 | Subtle dividers |

## Typography Rules
- **Heading Font**: SF Mono, Menlo, monospace
- **Body Font**: Inter, system-ui, sans-serif
- **Base Size**: 14px
- **Line Height**: 1.5

## Component Stylings
- **Buttons**: Black bg, white text, sharp corners
- **Code Blocks**: Dark surface, monospace font
- **Terminal UI**: Command input style, clear prompts

## Agent Prompt Guide
Use monospace fonts for headings, terminal-style UI elements, black and white palette with minimal accents.

常见问题

Ollama 的设计风格是什么?

本地运行大模型工具。终端优先设计,黑白极简,命令行原生美学。

Ollama 使用什么主色调?

Ollama 的主色调是 #000000,背景色为 #FFFFFF,文本色为 #1A1A1A。

Ollama 使用什么字体?

标题字体: SF Mono, Menlo, monospace。正文字体: Inter, system-ui, sans-serif。基础字号: 14px。

如何在项目中使用 Ollama 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Ollama 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统