Webui Brand Logos

Official logo assets, color specifications, and usage guidelines. Please follow these standards to maintain brand consistency across all platforms.

Primary Logos

Use the horizontal lockup as the default logo for most applications. The stacked version is optimized for vertical spaces and mobile interfaces.

Webui

Horizontal Lockup

Primary logo for web, apps, and documentation.

Webui

Horizontal (Light)

Use on dark backgrounds or low-contrast surfaces.

Stacked / Icon Only

App icons, favicons, and vertical layouts.

Monochrome & Variants

Simplified versions for print, embroidery, watermarks, and single-color environments.

Webui

Black

Single color print & formal documents.

Webui

White

Dark mode interfaces & night branding.

Brand Colors

Official color palette. Click any swatch to copy the HEX value.

Primary Purple

#6C3CE1

Primary Dark

#5228B5

Accent Teal

#00D4AA

Surface Dark

#0F0F1A

Surface Light

#F3F4F6

Usage Guidelines

Maintain visual integrity by respecting clear space, minimum sizes, and approved backgrounds.

📐 Clear Space

Maintain a minimum clear space around the logo equal to the height of the icon's square container. No text, imagery, or UI elements should enter this zone.

📏 Minimum Size

  • Digital: Minimum 32px height
  • Print: Minimum 15mm width
  • Favicon: 16x16px, 32x32px, 48x48px
  • Social: 1200x630px (cover), 400x400px (profile)

🚫 Do Not

  • Stretch, skew, or rotate the logo
  • Apply drop shadows or glows
  • Change approved color values
  • Place on busy or low-contrast backgrounds
  • Add text, borders, or effects around the logo

Download Assets

Vector and raster formats optimized for development, print, and marketing.

Primary Logo

SVG, PNG (2x), EPS

Monochrome Set

SVG, PNG, PDF

Favicon & Icons

ICO, PNG (16-512px), SVG

Brand Guidelines

PDF (4.2MB)

Copied to clipboard!