Core Brand Marks
Source of truth • All platform assets derive from these master files
Logomarks
Amber Primary brand color
Black Professional & print
Logomark Implementation
Canonical Implementation
<img
src="logomarks/telemetryos-logomark-amber.svg"
alt="TelemetryOS"
width="256"
height="256"
loading="lazy"
decoding="async"
fetchpriority="low">
Wordmarks
Color Full color variant
Amber Primary brand color
Black Professional & print
Wordmark Implementation
Canonical Implementation
<img
src="wordmarks/telemetryos-wordmark-color.svg"
alt="TelemetryOS"
width="256"
height="64"
loading="lazy"
decoding="async"
fetchpriority="low">
Brand Guidelines
- Logomarks: Square format (1:1 ratio) for app icons, avatars, and square placements
- Wordmarks: Horizontal format (4:1 ratio) for headers, banners, and wide spaces - preferred for most applications
- IMPORTANT: Never use logomark and wordmark together in the same composition
- Brand Font: Rubik
- Wordmark Typography: Exo2 font - "telemetry" (Regular weight), "OS" (Light weight)
- SVG First: Use SVG when possible for scalability and smallest file size (97%+ browser support)
- WebP + PNG: Use WebP with PNG fallback for optimal performance in raster images
- Colors: Amber (#F8B334) on light backgrounds, White on dark backgrounds, Black for print/professional