Skip to content

Latest commit

 

History

History
54 lines (43 loc) · 1.83 KB

File metadata and controls

54 lines (43 loc) · 1.83 KB

🎨 Logo Design Elements

Core Visual Identity

  • Dark terminal background with gradient (matches the app's aesthetic)
  • Green terminal text (#00ff00) - classic htop/terminal colors
  • Monospace fonts - authentic terminal typography
  • Circular badge design - modern, scalable logo format

Feature Representations

  1. Terminal Interface - Realistic terminal window with:

    • Classic red/yellow/green window controls
    • "webtask" in the title bar
    • Real htop-style interface simulation
  2. Process Monitoring - Live-looking process data:

    • CPU and memory bars with gradient fills
    • Process list with PID, USER, CPU%, MEM%, COMMAND
    • Color-coded processes (green, yellow, red for different usage levels)
  3. Web Integration - Globe icon representing:

    • Web-based nature of the tool
    • Network monitoring capabilities
    • Cross-platform accessibility
  4. File Browser - Folder icon with files representing:

    • File system navigation
    • Document management
    • Configuration file access
  5. Process Hierarchy - Tree structure showing:

    • Parent-child relationships
    • Process dependencies
    • System organization

Visual Effects

  • Glow filter on text for terminal-like appearance
  • Animated pulse on the outer ring
  • Transparency gradients representing the process transparency feature
  • Color progression from green to yellow to red (low to high resource usage)

Brand Elements

  • "webtask" text prominently displayed
  • Version indicator (v2.0)
  • Consistent color scheme matching the application

📁 Logo Usage

This SVG logo can be used as:

  • Favicon (favicon.ico) - save as 16x16, 32x32, 48x48 PNG versions
  • App icon for desktop/mobile
  • GitHub repository header
  • Documentation header
  • Social media profile