logos.terminal-dependency-tree · Dependency tree

A logos pattern from Terminal Mono, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6. Give the section root data-pattern="logos.terminal-dependency-tree". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A framed window with a muted npm ls title bar, then client names at step 1 in the accent in three columns, each prefixed with a muted ├── (the last └──).
Slots
sectionLabel, clients[6..15]
Grid areas
command 1-12 · tree 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #0B0F0C · text #C8D3C5 · heading #E6F0E3 · accent #3DDC84 · accent2 #279558 · JetBrains Mono / JetBrains Mono · radius 0px · space unit 4px (full list in design/tokens.json)

Pattern notes

  • Clients as an `npm ls` tree in a framed window: the muted command in the title bar, then client names at step 1 in the accent in three columns (six or nine names, so every column is full), each prefixed with a muted `├──` (the last one `└──`).

Trusted by

Corvid Robotics

Fieldstack

Tidewater Labs

Arklow Valves

Mosswood Bio

Kestrel Freight