A native macOS & iOS companion for the Hermes AI agent — calm, confident, and rust-warm. This site documents the palette, type, components, and screens.
Click through every screen — Dashboard, Sessions, Insights, Projects, Chat, Settings, Tools, MCP servers, Cron, Logs, Memory, Activity, Health and more. Faithful to the real Scarf macOS app, with a working sidebar and the rust palette throughout.
Open the kit
Each tile opens a single design-system card. They're sized for ~700px wide and render one concept at a time.
The 9-step rust ramp. Primary accent is #C25A2A.
Slight amber undertone — never cool grey. 11 steps for surfaces and text.
Success, danger, warning, info — preserved from system conventions.
Bash, edit, search, web, think — the per-tool decorations in chat.
Large titles & headlines — SF Pro Display, tight tracking.
14px base, the working text of the app.
SF Mono — for transcripts, paths, command output.
4 / 8 / 12 / 16 / 20 / 24 / 32 / 40 — that's the whole grid.
4 / 6 / 8 / 12 / 14 / pill — tuned for native macOS controls.
Four elevation tiers, all on a warm-black tint.
Lucide icons at 16/18/20/24, 1.6px stroke, currentColor.
The flowing-silk icon — preferred backgrounds & minimum sizes.
Composable pieces lifted directly from the macOS app's surfaces.
Primary / secondary / ghost / destructive — three sizes each.
Text fields, toggles, selects — with focus & error states.
Section headers, items, active state, count pills.
Number-forward dashboard tiles.
Connection / health / run cards with semantic dots.
User & agent rich messages, avatars, timestamps.
Multiline input with attachments & tool toggles.
Inline transcript card showing what the agent did.