Brand assets · v1.0 · 2026

Shatar.app Esports
Logo kit

A chess knight built for the arena: faceted head, wind-blown electric mane, the flat plinth of a Staunton piece, and an alkhan khee band on the base. Every file is a self-contained SVG — text is outlined, nothing external is loaded.

Shatar.app Esports — shield emblem

Lockups & marks

Shatar.app Esports — primary logo
Primary lockupShield emblem + wordmark. Default on light surfaces.shatar-esports-logo-primary.svg
Shatar.app Esports — primary logo (on dark)
Primary lockup on darkSame geometry; the word goes white and ESPORTS lifts to the facet blue.shatar-esports-logo-primary-dark.svg
Shatar.app Esports — horizontal logo
Horizontal lockupFor wide, short space: stream overlays, banners, a tournament lower third.shatar-esports-logo-horizontal.svg
Shatar.app Esports — shield emblem
Shield emblemThe mark alone: avatars, app icons, anything under 120px wide.shatar-esports-emblem.svg
Shatar.app Esports — wordmark
WordmarkWhen the shield is already on screen, or the space is too short for it.shatar-esports-wordmark.svg

Palette

Ink#070D1BPage and shield ground
Deep panel#0F1B33Surfaces on dark
Board fade#122052Checker behind the knight
Knight blue#1E3A8AShadow side, plinth
Royal#1D4ED8Knight body, ESPORTS
Facet#2B6BEFLit muzzle, ESPORTS on dark
Electric#38BDF8Mane, keyline, .app
Gold#FBBF24Bridle — one accent only
Paper#F3F4F6Light ground

Minimum sizes

96px
64px
48px
32px
24px
24px is the floor for the shield: below it the checker fade and the bridle close up into noise. The primary lockup needs 120px of width, the horizontal one 260px.

Clear space

Keep clear ≥ 1/8 of the shield's height

Usage

Which one, where

The primary lockup is the default: site header, store listings, anything with room to breathe. The horizontal lockup is for wide, short spaces — stream overlays, banner ads, a tournament lower third.

Below 120px of width the wordmark stops being readable. Use the shield alone and put the name in running text.

Backgrounds

The emblem carries its own white keyline, so it holds on photography and on any solid colour. On dark, switch the wordmark to the dark variant — ink on near-black is the one combination that fails outright.

Never place the mark on a busy mid-tone image without the keyline. Never recolour the shield to match a background.

What not to do

Do not rotate, skew, add a drop shadow, outline the wordmark, or re-set the name in a live font. Do not separate the knight from the shield: the knight alone is not the mark.

Gold is the bridle and nothing else. A second gold element anywhere in a layout breaks the one-accent rule the mark is built on.