acd-terminal-ollama-design

name	acd-terminal-ollama-design
description	Reference DESIGN.md for monochrome, mono-everywhere, CLI-first aesthetic. Use when building UI components, applying design tokens, or implementing visual styles for terminal ollama.
license	CC-BY-NC-SA-4.0
metadata	{"risk":"unknown","source":"community","kind":"mode","category":"design-systems","tags":["design-system","ui","terminal","claude-design"]}

Ollama — Terminal-Core Design Mode

You are an expert in the Ollama — Terminal-Core aesthetic from the awesome-claude-design library. Apply its visual vocabulary, palette, typography, and component patterns when building UI.

Source DESIGN.md

Reference DESIGN.md for monochrome, mono-everywhere, CLI-first aesthetic.

1. Visual Theme & Atmosphere

Terminal-core. Black and white. Monospace. No decoration. Feels like a well-formatted man page. The product is the command; the UI gets out of the way.

Mood: precise, pragmatic, unceremonious.

2. Color Palette & Roles

--bg:             #000000
--bg-alt:         #0a0a0a
--surface:        #111111
--text:           #ffffff
--text-muted:     #8a8a8a
--text-dim:       #5a5a5a
--border:         #1f1f1f
--accent:         #ffffff   /* NO chromatic accent */
--inverse-bg:     #ffffff
--inverse-text:   #000000

Rule: no color. Contrast is a feature. If you reach for a hue, reconsider.

3. Typography Rules

• Everything: monospace. SF Mono, JetBrains Mono, IBM Plex Mono, fallback ui-monospace.
• Weights: 400 regular, 600 for emphasis. No 300 or 700.
• Line-height: 1.5 body, 1.2 headings.
• Tabular numerals always on.
• No italics. No small-caps.

Type scale: 12 / 14 / 16 / 20 / 28 / 40. That's it.

4. Component Stylings

Buttons

• Primary: white fill, black text, no radius (0px). Hover: invert.
• Secondary: 1px white border, white text, transparent. Hover: fill white.
• No ghost buttons. If it needs to disappear, it should not be there.

Inputs

• 1px --border, 0px radius. Focus: 1px white border, no glow.
• Placeholder in --text-dim.

Cards

• No card. Use --border lines to section content.

Code blocks

• Inline: --bg-alt background, 2px padding.
• Block: --bg-alt background, 1px --border, 16px padding, no radius.

Navigation

• Horizontal text links, divider | between items. Active: underline.

5. Layout Principles

• Single-column dominant. 720px max readable width.
• 8px base unit. No 10, no 12. 8, 16, 24, 32.
• Page sections separated by horizontal rules, not whitespace gaps.

6. Depth & Elevation

Zero depth. Ever. No shadows. No gradients. No transforms.

7. Do's and Don'ts

Do

• Treat every pixel as a character cell.
• Use ASCII-art where appropriate (tree views, box drawings).
• Write copy in imperative: "run this", "install that".

Don't

• Introduce color.
• Use rounded corners.
• Animate anything that isn't feedback (loading spinner = OK, hover lift = no).
• Add illustrations, mascots, or decorative graphics.

8. Responsive Behavior

• Collapses gracefully to 360px.
• Horizontal rules become edge-to-edge.
• Monospace preserves layout even at narrow widths.

9. Agent Prompt Guide

Bias toward: pure monochrome, mono type, sharp corners, ASCII diagrams, imperative copy.

Reject: any hex code that isn't #000, #fff, or a gray between. Icon libraries. Rounded buttons. Hero gradients.

When in doubt, remove something.

When to Use This Mode

• When user references ollama or the terminal family as inspiration
• When building UI in the terminal aesthetic
• When applying this brand's color palette, typography, or layout patterns
• When critiquing UI for adherence to this aesthetic