# 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 uses #000000 as primary color, #FFFFFF for background, and #1A1A1A for text.
Heading font: SF Mono, Menlo, monospace. Body font: Inter, system-ui, sans-serif. Base size: 14px.
Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Ollama's style.
Discover 50+ curated design systems for your AI Coding projects.
View All Design Systems