Logo Directory Structure

This directory contains all logo variants organized by name, theme, and layout.

Structure

logos/
├── company/                 # Company logos
│   ├── light/               # Light theme variants
│   │   ├── inline.png       # Horizontal layout with text
│   │   ├── stacked.png      # Vertical layout with text
│   │   └── without-text.png # Logo icon only (mobile)
│   └── dark/                # Dark theme variants
│       ├── inline.png       # Horizontal layout with text
│       ├── stacked.png      # Vertical layout with text
│       └── without-text.png # Logo icon only (mobile)
└── product/                 # Product-specific logos
    ├── light/
    │   ├── inline.png
    │   ├── stacked.png
    │   └── without-text.png
    └── dark/
        ├── inline.png
        ├── stacked.png
        └── without-text.png

Logo Variants

• inline: Horizontal layout with text beside the logo
• stacked: Vertical layout with text below the logo
• without-text: Icon only, primarily used for mobile devices

Theme Support

• light: Logos optimized for light backgrounds
• dark: Logos optimized for dark backgrounds (default)

Adding New Logos

1. Create a new directory with the logo name
2. Add light and dark subdirectories
3. Place the three variants (inline, stacked, without-text) in each theme directory
4. Update the LogoName type in the Logo component

File Format

All logos should be in PNG format for optimal quality and transparency support.