AgentArm TUI-Inspired Options

Four variants of Option 4 (Product-First), all following the micasa.dev TUI design language: monospace fonts, terminal color schemes, modal keybindings, status bars, and keyboard-driven navigation.

📖 View TUI Design Catalog

Option 4 Variants — TUI Style

🌑

Option 4A

Dark TUI

Deep navy background (#1a1f2e), sky blue accents, VIEW mode badge, status bar with shortcuts. Direct micasa dark mode translation.

Dark mode Monospace TUI aesthetic

☀️

Option 4B

Light TUI

Warm cream background (#faf9f5), rust accents, same structure as dark mode. Shows TUI design works in light theme.

Light mode Monospace Warm tones

🌓

Option 4C

Theme Toggle

Working dark/light mode toggle. Click "LIGHT" or "DARK" button in nav to switch. Shows both themes in one implementation.

Both modes Interactive Switchable

🖥️

Option 4D

Terminal Frame

Terminal window chrome (macOS style) around the dashboard. Titlebar with traffic lights, rounded corners, shadow. Most literal terminal representation.

Terminal chrome macOS style Framed

Design Language (All Variants)

Monospace font: SF Mono, Monaco, Consolas, Courier New
Color scheme: Based on micasa TUI (dark navy, sky blue, amber, green)
Status bar: Bottom bar showing mode + shortcuts (j/k, enter, ?)
Mode badge: VIEW/NAV/EDIT badges (terminal modal editing)
Typography: Uppercase labels, tabular numbers, minimal decoration
Tables: Multi-lane timelines, grid layouts, subtle borders
Keyboard-first: Shortcuts visible, navigation hints in status bar