Brand Style Guide | OwCo Media

The Logo

The pixel owl head formed from a grid, paired with the OwCo wordmark.

Logo Variants

Use the light variant on light backgrounds and the dark variant on dark backgrounds — the owl mark stays consistent, the wordmark flips for legibility.

Light

For light backgrounds

Dark

For dark backgrounds

Logo Animation

A short reveal of the pixel owl mark and wordmark — for intro sequences, social, and video content.

OwCo

Color Palette

A confident violet core warmed by an orange accent — the gradient is the signature, the neutrals hold it together.

#4C1D95

Deep Violet

Primary dark

#7C3AED

Electric Violet

Primary

#F97316

Warm Orange

Accent / gradient end

#EA580C

Deep Orange

Accent strong

#1E1B2E

Ink Charcoal

Text / dark surfaces

#EDE9FE

Soft Lilac

Tints / backgrounds

#FAF8FC

Off White

Page background

#9CA3AF

Muted Gray

Secondary text

Signature gradient

linear-gradient(135deg, #4C1D95 → #7C3AED → #F97316)

Font Pairings

Three pairings that complement the geometric, pixel-built owl mark.

Space Grotesk + Inter

Modern tech — sharp, confident, built for screens

Heading — Space Grotesk

Design that delivers

Body — Inter

We craft digital experiences that feel alive — pixel-perfect, fast, and unmistakably yours.

Sora + DM Sans

Geometric & friendly — approachable but still premium

Heading — Sora

Design that delivers

Body — DM Sans

Design that speaks your brand's language, from the first pixel to the final click.

Outfit + Manrope

Clean & versatile — scales effortlessly across web and app

Heading — Outfit

Design that delivers

Body — Manrope

Every detail considered. Every interface intentional. That's the OwCo standard.

Usage Guidelines

Keep the identity consistent across every surface.

Use the violet→orange gradient for hero backgrounds, buttons, and the owl mark — never as body text.
Charcoal (#1E1B2E) is the default text color; use Off White (#FAF8FC) for light surfaces.
Soft Lilac (#EDE9FE) works for cards, subtle sections, and hover states.
Keep the logo on white or Off White for maximum clarity; on dark surfaces use the white-positive version.
Pair one heading font with one body font — don't mix more than two families in a single layout.

Download the Logo

The OwCo logo in PNG and SVG formats — light for light surfaces, dark for dark surfaces. Both match the original brand mark exactly.

Light · PNG

For light backgrounds

Dark · PNG

For dark backgrounds

SVG

Self-contained SVG files with the original logo embedded — matches the brand mark exactly.

Full Logo — Light

For light surfaces

Full Logo — Dark

For dark surfaces

"Made by OwCo" Badge

A horizontal badge for the footer of client websites. Drop in <MadeByOwCo /> — links back to OwCo and comes in dark and light variants.