View more
Published in
2026

Outlier Brand. The look of betting edge.

Elena Buzila
Bohdan Kononets
Maria Soloveva
Dmytro Staryshev
Oksana Shevchuk
Marharyta Korovina
Ivan Latii
Nadiia Kvatadze
Services
Brand Strategy
Brand Identity
Visual Identity
Logo Design
Brand Guidelines
Tone of Voice
Deliverables
Visual Identity System
Logo Suite
Brand Guidelines PDF
Tone of Voice Guide
Asset Pack
Brand Strategy Deck

Outlier Branding is the visual identity of the US sports betting analytics platform Outlier.

We shaped it alongside the product from day 0, covering strategy, visual identity, and logo in step with the first wireframes. Outlier had to register as a data-first analytics platform, not another betting brand – and the identity launched together with the product itself.

Outlier's Visual Identity

This is the visual identity for Outlier, a US sports betting analytics platform, built as part of a Pitch & Product Concept engagement. Logo, icons, and colors took shape alongside the product.

Outlier brand identity overview: logo, browser tab, 3D icons, social profile mockups

Wordmark Sketches for a Sports Analytics Brand

Early logotype sketches comparing naming directions for a sports analytics product. Alongside Outlier, the team tested alternate concepts before settling on the final mark.

Hand-drawn logotype sketches exploring naming directions for betting brand
Logo Construction for Sports Analytics

Technical specifications for the wordmark: grid proportions, minimum clearspace, and partner co-branding lockups that keep the logo consistent across every touchpoint for this sports analytics brand.

Outlier wordmark construction grid showing geometric proportions, circles, and angle guides
Outlier wordmark clearspace diagram measured in logo mark units on a grid
Outlier logo mark minimum clearspace diagram with spacing on all four sides
Outlier and Partner co-branding lockup, horizontal layout with clearspace grid overlay
Outlier and Partner logos in a stacked vertical co-branding lockup
Outlier and Partner Identity logos in a stacked vertical co-branding lockup
Outlier and Partner Identity logos in horizontal co-branding lockup with grid spacing
Favicon and App Icon States

How the logo mark scales down to a favicon and home-screen app icon for a betting analytics app. Browser tab and phone screen mockups show it staying legible at the smallest sizes.

Outlier app icon variants on phone home screen, from placeholder to full gradient mark
Outlier favicon in light and dark browser tabs

Color and Type Foundations

The core palette and typeface behind the identity: five primary colors plus three accent tones, paired with SF Pro as the system typeface. Built to stay legible across data-heavy screens.

Outlier primary and accent color palette with SF Pro typography specimen
3D Icon Set for Sports Data

Custom 3D icons – bar charts, trophies, whistles, and search – built for a sports betting analytics brand. Each icon exists in a full-color and a monochrome pearl finish.

Outlier 3D icon set on purple gradient: outlier ring, bar chart, pie chart, camera, badge, whistle
Outlier 3D icon set on blue gradient: outlier ring, bar chart, pie chart, camera, badge, whistle
Brand Color Ratio and Logo Variants

Usage rules for the eight-color palette and wordmark across backgrounds. Brand colors dominate at roughly 70%, accent colors stay to about 30%, and the logo adapts light or dark by surface.

Outlier brand and accent color palette with 70/30 usage ratio labeled
Outlier logo variations on blue, marble, black, gradient, and pink backgrounds

Full Brand Guidelines

The complete Brand Guidelines PDF: logo mark, color system, illustration style, social covers, and partner lockups in one reference – the single source of truth for every team using the identity.

Outlier Brand Guidelines PDF spread: illustrations, logo mark, colors, and social media covers
Color Codes and Brand Tone Rules

Exact hex, RGB, CMYK, and Pantone values for each brand color, paired with Tone of Voice notes on seriousness, authority, and youthfulness. Photography and video guidelines keep every asset consistent.

Outlier brand color codes
Outlier tone of voice guideline pages
The Meaning Behind the Outlier Mark

The logo mark combines the letter "O" with a pie-chart shape, referencing an outlier: a data point far from the rest of the set. Minimum size rules keep it legible at every scale.

Outlier logo mark formula: outlier value plus letter O equals logo mark, with app icon
Outlier wordmark minimum size rules
Outlier logo mark minimum size rules
Icon Style Guide for Sports Data

Rules for the icon set powering the product: soft lines, rounded corners, and bold filled shapes for a friendly, eye-catching look. A fisheye distortion technique bends straight edges into the brand's signature curve.

Outlier iconography style guide with icon grid and fisheye distortion effect example
Outlier teal product icon set for odds movement, streaks, checklists, and rewards
Outlier teal product icon set for navigation, alerts, search, and percentages

Identity Applied to Social Media

The identity extends to the OutlierBet profile on X (Twitter), reaching the same Sports Analytics audience as the product. Verified badge, banner copy, and bio copy carry one consistent tone.

OutlierBet profile on X (Twitter) showing brand banner, logo, and bio in consistent tone
Identity on the YouTube Channel

The same palette and wordmark carried onto the OutlierBet YouTube channel: banner, avatar, and video thumbnails share one gradient system.

OutlierBet YouTube channel on phone, light frame, banner and video thumbnails
OutlierBet YouTube channel on phone, dark frame, banner and video thumbnails
Brand Graphics in Office Spaces

The visual language extended into physical space: gradient murals, 3D sports props like a basketball and hockey stick, and the wordmark on plain walls – a counterpoint to the data-dense product screens.

Outlier and Chill wall mural in gradient colors above office reception divider
Office wall mural with 3D hockey stick and basketball graphics in gradient colors
Outlier wordmark on white office wall with 3D pie chart graphic in corner
Brand Colors on App Store Assets

The color system and icon carried into App Store marketing screenshots and the listing itself. Captions use the same palette as the product.

Outlier App Store screenshots
Outlier App Store search result listing
Outlier App Store page showing rating, tools chart position
Outlier App Store page
Identity Inside the Live iOS App

The same color system and iconography carry into the Outlier iOS App: green and red highlight value, brand blue and orange mark team sides. One visual language spans brand and product.

Outlier iOS app screens: EV odds table, games list, and filter screen in brand colors
Identity on the Marketing Website

The palette, logo, and iconography extend to the promotional website.

Outlier promo website homepage with pricing card, testimonials, and feature callouts in brand colors
Responsive Identity Across Devices

The same visual system adapts to mobile: hero, trends feed, and a Premium plan screen all in the brand's dark theme and gradient accents.

Outlier promo website on mobile: hero screen, trends feed, and premium pricing plan mockups

Brand built after the product always fights the product. Built alongside it from day 0, they reinforce each other – which is when to bring us in.

Starting something? Talk to us.

Ready to start your own project?