// IDENTITY ASSETS & DESIGN SYSTEM

VALOSTATS BRAND ASSETS

Official vector graphics, typography specifications, color tokens, and app icons for the ValoStats AI tactical analytics engine. Free for creators, wiki editors, and community developers.

DOWNLOAD FULL BRAND KIT (.ZIP)

Primary Icon Emblem SVG / PNG

Tactical shield emblem combining the crimson chevron wing, telemetry spike, and central target crosshair. Perfect for app icons, avatars, and favicons.

SVG PNG (512px)

Horizontal Logo Lockup SVG / PNG

Wide brand lockup for website headers, navigation bars, Twitch overlays, YouTube banners, and documentation headers.

SVG PNG (1024px)

Vertical / Stacked Logo SVG / PNG

Centered vertical layout with prominent emblem, bold geometric wordmark, and system telemetry subtitle. Great for splash screens and posters.

SVG PNG (512px)

Desktop App Icon (Squircle) SVG / PNG / ICO

Rounded squircle app launcher icon designed for Windows 11 taskbar, macOS dock, MSIX installer packages, and desktop shortcuts.

SVG PNG (256px) ICO Kit

Minimal Vector Glyph SVG Only

Clean freestanding vector mark without the container shield. Ideal for HUD overlays, subtle watermarks, and micro-navigation icons.

SVG

Monochrome Glyphs SVG

1-bit solid white and black vector marks for single-color printing, apparel embroidery, stencils, and minimalist print documentation.

White SVG Black SVG

SOCIAL SHARE & OPENGRAPH PREVIEW

High-impact 1200x630 card for Discord rich embed links, Twitter summary cards, Reddit previews, and GitHub social banners.

ValoStats Official OpenGraph Card (1200x630)

assets/brand/valostats-og-banner.png • PNG & SVG

Download SVG Download PNG (1200x630)

// DESIGN TOKENS & PALETTE

OFFICIAL COLOR PALETTE

Click any swatch to copy the Hex code to clipboard.

Crimson Ember

#FF4655 --val-red

Tactical Cyan

#00D9C0 --val-teal

Obsidian Base

#0F1113 --bg-base

Surface Dark

#181B1F --bg-surface

Tactical White

#ECE8E1 --val-white

Radiant Gold

#F4E285 --val-gold

// INTEGRATION CODE

DEVELOPER IMPLEMENTATION SNIPPETS

HTML & Web Embed

Direct vector SVG link for HTML websites and web applications.

<!-- ValoStats Icon -->
<img src="/assets/brand/valostats-icon.svg" 
     width="32" height="32" 
     alt="ValoStats Logo" />

<!-- ValoStats Horizontal Logo -->
<img src="/assets/brand/valostats-logo-horizontal.svg" 
     width="260" height="50" 
     alt="ValoStats AI Coach & Tracker" />

WPF XAML Vector Path

Native .NET 8 / C# vector path geometry for WPF desktop client.

<!-- In Resources/Theme.xaml or App.xaml -->
<Path Data="M 16,20 L 38,20 L 52,58 L 52,80 L 42,80 Z" 
      Fill="{DynamicResource AccentPrimary}" />
<Path Data="M 80,24 L 64,24 L 52,58 L 60,58 Z" 
      Fill="{DynamicResource AccentSecondary}" />