Logos
A comprehensive logo system with multiple variants optimized for different contexts and backgrounds. Each variant is designed for specific use cases, from web headers to app icons to loading animations.
Logo System
The Ontopix logo system provides multiple variants optimized for different contexts. Each variant is available as SVG (vector) and rasterized in PNG, WebP, and JPG formats.
Logo Composition
The Ontopix logo consists of three elements:
- Arrow: The circular ring with arrow icon mark
- Wordmark: "ontopix" text in lowercase
- Background: Optional background layer for specific contexts
These elements can be composed in different ways to create variants optimized for different use cases.
Variant Categories
Full Logos
Complete logo with icon and wordmark for maximum brand presence.
Use for: Website headers, marketing materials, email signatures, social banners
Icon Logos (Avatars)
Square (1:1) icon-only variants optimized for profile pictures and app icons.
Use for: Social media profiles, mobile app icons, favicons, user avatars
Spinners
Ring-only variants (without arrow) for loading animations and progress indicators.
Use for: Loading spinners, progress animations, waiting states
Background Options
| Variant | Background | Best Used On |
|---|---|---|
onlight | Transparent | Light backgrounds |
ondark | Transparent | Dark backgrounds |
onwhite | Solid white | Images, textures |
onblack | Solid black | Images, textures |
Color Variations
| Color | Hex | Usage |
|---|---|---|
| Standard | #cc00ff (Magenta) | Primary brand touchpoints |
| Grey | #909090 | Secondary contexts, documentation |
| Monochrome | Black/White | Print, watermarks, limited color |
Quick Usage
<!-- SVG (recommended) -->
<img src="/logo/variants/logo-onlight.svg" alt="Ontopix" />
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/logo/png/avatar-onwhite-32.png">
Downloads
All logos are available in multiple formats:
- SVG: Vector format for web and scalable applications
- PNG: Raster images in multiple sizes (64px - 4096px)
- WebP: Optimized for web delivery
- JPG: Compatible format for documents
Click any logo in the galleries below to access download options.
Related Sections
- Full Logos — Complete logo variants with wordmark
- Icon Logos — Square icon-only variants for avatars
- Spinners — Loading animation variants
- Usage Guidelines — Detailed usage rules and best practices