{"id":"ctop-tui","name":"ctop","status":"scanned","medium":"tui","mode":"dark","one_liner":"Minimal blue-gray metrics table for containers.","vibe_tags":["docker","metrics","top-like","minimal"],"domains":["docker","monitoring","tui"],"urls":{"detail":"https://brandbook.binary.tools/brandbook/ctop-tui","preview":"https://brandbook.binary.tools/brandbook/ctop-tui/preview","meta_json":"https://brandbook.binary.tools/brandbook/ctop-tui/meta.json","brandbook_json":"https://brandbook.binary.tools/brandbook/ctop-tui/brandbook.json","theme_css":"https://brandbook.binary.tools/brandbook/ctop-tui/theme.css","tailwind_config":"https://brandbook.binary.tools/brandbook/ctop-tui/tailwind.config.js","download_zip":"https://brandbook.binary.tools/brandbook/ctop-tui/download.zip","api":"https://brandbook.binary.tools/api/brandbooks/ctop-tui"},"has_preview":true,"has_brandbook_json":true,"meta":{"id":"ctop-tui","name":"ctop","inspired_by":{"name":"ctop","url":"https://github.com/bcicen/ctop"},"domains":["docker","monitoring","tui"],"vibe_tags":["docker","metrics","top-like","minimal"],"status":"scanned","version":"1.0","notes":"Terminal UI application brandbook — palette from default skin/theme.","style_profile":{"axes":{"energy":"medium","formality":"balanced","warmth":"cool","density":"dense","sharpness":"sharp","mode":"dark","medium":"tui"},"audience":"Developers and DevOps engineers who live in SSH sessions.","confidence":"scanned","one_liner":"Minimal blue-gray metrics table for containers.","vibe_paragraph":"Top-like interface for container metrics.","mood_adjectives":["docker","metrics","top-like","minimal"],"best_for":["ctop-style CLI tools","Keyboard-driven dashboards"],"avoid_for":["Marketing landing pages","Touch-first mobile apps"],"industries_fit":["docker","monitoring","tui"],"comparable_to":["ctop"],"search_keywords":["ctop","tui","terminal","cli","docker","metrics","top-like","minimal"]}},"brandbook":{"id":"ctop-tui","name":"ctop","version":"1.0","medium":"tui","tagline":"Top-like interface for container metrics.","description":"Top-like interface for container metrics.","inspired_by":{"name":"ctop","url":"https://github.com/bcicen/ctop"},"vibe_tags":["docker","metrics","top-like","minimal"],"domain_hint":"","identity":{"logomark":{"shape":"ascii-banner","description":"ASCII art banner from ctop README / startup screen"},"ascii_logo":"CTOP","wordmark":{"text":"ctop","case":"title","weight":700}},"voice":{"principles":["Keyboard-first — every action has a binding.","Dense information, zero chrome waste.","Status at a glance — color encodes state."],"avoid":["Mouse-only workflows","Decorative UI that steals columns","Ambiguous state without color cues"],"sample_headlines":["Top-like interface for container metrics.","htop for containers."],"sample_lead":"Top-like interface for container metrics.","sample_metrics":[],"sample_code_lang":"shell","sample_code":"# launch ctop\n$ ctop","sample_terminal_session":"","sample_terminal_prompt":">"},"design_principles":["Monospace grid — align to character cells, not pixels.","ANSI palette is the design system — reuse semantic colors consistently.","Box-drawing borders define panes; never float widgets.","Key hints belong in a persistent footer or status line."],"color":{"primary":{"name":"ctop","hex":"#4db8ff","scale":{"100":"#4db8ff","300":"#4db8ff","500":"#4db8ff","700":"#4db8ff"},"default_step":"500","notes":"Signature accent for ctop."},"neutrals":{"canvas":"#0c0c0c","navy":"#0a0a0a","elevated":"#2d4f83","border":"#292929","input_border":"#373737","text_tertiary":"#6e7681","text_secondary":"#757575","text_primary":"#cccccc","white":"#cccccc"},"semantic":{"success":"#4db8ff","warning":"#d29922","danger":"#ff7b72","info":"#58a6ff","running":"#4db8ff"},"category_accents":{"added":"#4db8ff","modified":"#d29922","deleted":"#ff7b72","branch":"#39c5cf","tag":"#bc8cff"},"page_bg_token":"neutrals.canvas","card_bg_token":"neutrals.navy","section_bg_token":"neutrals.elevated","body_text_token":"neutrals.text_primary","muted_text_token":"neutrals.text_secondary"},"terminal":{"bg":"#0c0c0c","fg":"#cccccc","cursor":"#cccccc","selection":"#2d4f83","accent":"#4db8ff","scheme_origin":"ui/common/default.go","ansi":{"black":"#484f58","red":"#ff7b72","green":"#4db8ff","yellow":"#d29922","blue":"#58a6ff","magenta":"#bc8cff","cyan":"#39c5cf","white":"#c9d1d9","bright_black":"#6e7681","bright_red":"#ffa198","bright_green":"#56d364","bright_yellow":"#e3b341","bright_blue":"#79c0ff","bright_magenta":"#d2a8ff","bright_cyan":"#56d4dd","bright_white":"#ffffff"}},"typography":{"fonts":{"sans":{"family":"JetBrains Mono","fallback":"ui-monospace, monospace","google":true,"weights":[400,700],"notes":"TUI apps render entirely in monospace; sans maps to mono for preview."},"mono":{"family":"JetBrains Mono","fallback":"Fira Code, Cascadia Code, ui-monospace, monospace","google":true,"notes":"Recommended terminal font for ctop."}},"scale":{"display":{"size_px":16,"line":1.2,"tracking":"0","weight":700,"font":"mono"},"h1":{"size_px":14,"line":1.2,"tracking":"0","weight":700,"font":"mono"},"h2":{"size_px":13,"line":1.3,"tracking":"0","weight":700,"font":"mono"},"h3":{"size_px":13,"line":1.3,"tracking":"0","weight":500,"font":"mono"},"body":{"size_px":13,"line":1.4,"tracking":"0","weight":400,"font":"mono"},"caption":{"size_px":12,"line":1.3,"tracking":"0","weight":400,"font":"mono"},"mono":{"size_px":13,"line":1.4,"tracking":"0","weight":400,"font":"mono"}}},"tokens":{"spacing_px":[0,1,2,4,8],"radius_px":{"sm":0,"md":0,"lg":0,"xl":0,"card":0,"pill":0},"shadow":{"glow_accent":"0 0 12px #4db8ff55"},"motion":{"duration_ms":{"fast":0,"base":0,"slow":0},"easing":"step-end","notes":"TUIs update on keypress; motion is instant frame refresh."}},"components":{"button":{"variants":{"primary":{"bg":"primary.500","fg":"white","radius":"sm"},"secondary":{"bg":"transparent","fg":"text_primary","border":"border"}}}},"tui_components":{"border_style":"rounded","status_bar":{"bg_token":"neutrals.elevated","fg_token":"neutrals.text_primary","accent":"#4db8ff"},"command_bar":{"bg_token":"neutrals.canvas","fg_token":"neutrals.text_secondary","prompt":":"},"list_selected":{"bg_token":"primary.500","fg":"#ffffff","marker":"▸"},"tree":{"branch":"├─","last_branch":"└─","expanded":"▼","collapsed":"▶"},"table":{"header_weight":700,"divider":"─","column_sep":"│"},"tabs":{"active_token":"primary.500","inactive_token":"neutrals.text_tertiary"},"gauge":{"fill_token":"primary.500","empty_token":"neutrals.border","chars":"█▓▒░"},"sparkline":{"up_token":"semantic.success","down_token":"semantic.danger","chars":"▁▂▃▄▅▆▇█"},"scrollbar":{"thumb_token":"neutrals.text_tertiary","track_token":"neutrals.border"},"modal":{"bg_token":"neutrals.elevated","border_token":"primary.500","title_weight":700},"keyhints":{"separator":"│","key_style":"bold","desc_style":"muted"}},"do":["Use #4db8ff for selection and primary focus states.","Reserve bright red/green for destructive/success git or status states.","Keep status bar one line; overflow truncates with ellipsis."],"dont":["Don't use proportional fonts inside panes.","Don't rely on color alone — pair with icons or glyphs.","Don't break the 80-column grid without explicit wide mode."],"provenance":{"scanned_from":["https://github.com/bcicen/ctop"],"scanned_at":"2026-06-06","confidence":"scanned","notes":"Palette extracted from default theme/skin in upstream repository."}}}