TEBAAQ

BRAND GUIDELINES

VERSION 3.0 — FEBRUARY 2026

BEGIN

01 / Brand Overview

Tebaaq is a games-focused
educational brand.

We specialise in educational, strategy, and simulation games — creating content and experiences for seasoned gamers aged 40+ across four global regions. Our brand identity must communicate expertise, precision, and trust.

MISSION PILLARS

EXPLORE.

Curiosity-driven discovery across genres, mechanics, and systems.

EXPERIMENT.

Hands-on interaction with strategy, simulation, and educational games.

EDUCATE.

Knowledge transfer through play — making complex concepts accessible.

TARGET AUDIENCE

Male, 40+, Seasoned Gamers

Strategy enthusiasts, simulation fans, lifelong learners

North America

Core English-speaking market

Asia Pacific

Japan, South Korea, Australia

China

Dedicated localisation stream

Western Europe

UK, Germany, France, Nordics

BRAND PERSONALITY

Authoritative

Technical

Prestigious

Accessible

Not playful

Not casual

Not juvenile

Not ornamental


02 / Logo System

Primary Lockup

The primary lockup combines the shield icon mark, the Orbitron wordmark, a gradient rule line, and the Rajdhani tagline into one unified module. These elements must always appear together at the sizes and proportions shown.

PRIMARY LOCKUP

Dark Mode

TEBAAQ

EXPLORE. EXPERIMENT. EDUCATE.
Light Mode

TEBAAQ

EXPLORE. EXPERIMENT. EDUCATE.

ICON MARK — STANDALONE

The shield icon may be used independently as a favicon, app icon, or social avatar. It must never be redrawn, recoloured outside the approved palettes, or combined with other graphic elements.

Dark
Light
Brand Blue
Neutral

CLEAR SPACE & MINIMUM SIZE

Clear Space

Maintain a minimum clear space equal to the height of the shield's bottom chevron (the "x" unit) on all four sides of the lockup. No text, imagery, or other graphic elements may enter this zone.

xxxx
TEBAAQ

Minimum Sizes

To ensure legibility, the lockup must not be reproduced smaller than the sizes below.

Full Lockup
180px widePrint: 45mm
Icon Only
24px widePrint: 6mm
Wordmark Only
120px widePrint: 30mm

LOCKUP ANATOMY

Shield Frame

Double-border "machined" construction with outer ghost frame and inner gradient stroke.

Rank Chevrons

Three graduated chevrons with cascading opacity (100% > 60% > 35%) representing progression.

XP Progress Bar

Segmented bar at shield base — ~71% filled, signalling ongoing advancement.

Wordmark

Orbitron Black (900) at -0.04em tracking. Tight kerning for custom wordmark feel.

Gradient Rule

1px cyan-to-transparent line spanning full lockup width, dividing wordmark from tagline.

Tagline

Rajdhani Bold (700) at 0.25em tracking. Spaced full stops: EXPLORE. EXPERIMENT. EDUCATE.


03 / Color Palette

Color System

Tebaaq operates with one primary palette (Cyan Core) and three approved alternative palettes. Each palette is a complete system with accent gradients, background tones, and text colours for both dark and light modes.

Cyan Core (Primary)Default

The default brand palette. Electric cyan conveys technology, trust, and the blue-light language of gaming HUDs.

#00d4ff#0055ff

Cyan 500

#00d4ff

Primary accent, shield gradient start, chevrons

Blue 700

#0055ff

Shield gradient end, XP bar fill

Dark Base

#08080c

Primary dark background

Navy Ghost

#1a1a2e

Borders, XP bar track, subtle panels

Slate

#4a4a6a

Tagline text (dark mode)

Light Base

#f8f9fa

Primary light background

Light Slate

#8a8aa0

Tagline text (light mode)

White

#ffffff

Wordmark (dark mode)

Amber Prestige

Gold and amber tones convey mastery, rank, and premium status — resonates with achievement-driven players.

#ffb300#e65100

Amber 500

#ffb300

Primary accent, shield gradient start, chevrons

Orange 900

#e65100

Shield gradient end, XP bar fill

Dark Base

#08080c

Primary dark background

Amber Track

#2e2510

XP bar track (dark mode)

Gold Text

#7a6a3a

Tagline text (dark mode)

Light Track

#f0e8d0

XP bar track (light mode)

Emerald Tactical

Deep greens reference night-vision HUDs, tactical overlays, and classic military simulation UIs.

#00e676#00796b

Green 400

#00e676

Primary accent, shield gradient start, chevrons

Teal 800

#00796b

Shield gradient end, XP bar fill

Dark Base

#08080c

Primary dark background

Green Track

#0e2e1a

XP bar track (dark mode)

Green Text

#3a6a4a

Tagline text (dark mode)

Light Track

#d0f0e0

XP bar track (light mode)

Crimson Command

High-contrast red for authority and decisive action — the language of alert states and command interfaces.

#ff3d3d#b71c1c

Red 500

#ff3d3d

Primary accent, shield gradient start, chevrons

Red 900

#b71c1c

Shield gradient end, XP bar fill

Dark Base

#08080c

Primary dark background

Red Track

#2e1010

XP bar track (dark mode)

Red Text

#7a4a4a

Tagline text (dark mode)

Light Track

#f0d8d8

XP bar track (light mode)

CONTRAST & ACCESSIBILITY

WCAG AA Compliance

All text elements must meet WCAG 2.1 AA contrast ratios (4.5:1 for body text, 3:1 for large text). The primary wordmark (white on dark / black on light) exceeds these thresholds by design. Tagline text and secondary elements should be validated when placed on non-standard backgrounds.

White on #08080c
19.5:1Pass
#08080c on White
19.5:1Pass
#00d4ff on #08080c
10.2:1Pass
#4a4a6a on #08080c
3.1:1AA Large

04 / Typography

Type System

Tebaaq uses a three-font system: Orbitron for brand marks and headings, Rajdhani for taglines and UI labels, and Inter for body text and documentation.

PRIMARY — ORBITRON

GOOGLE FONTS — OPEN SOURCE

fonts.google.com/specimen/Orbitron
400TEBAAQ
RegularCounters, badges, metadata
500TEBAAQ
MediumSection numbers, small labels
700TEBAAQ
BoldHeadings, feature titles
900TEBAAQ
BlackWordmark, hero display only

CHARACTER SET

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 .,:;!?

SECONDARY — RAJDHANI

GOOGLE FONTS — OPEN SOURCE

fonts.google.com/specimen/Rajdhani
300EXPLORE. EXPERIMENT. EDUCATE.
LightSubtle captions
500EXPLORE. EXPERIMENT. EDUCATE.
MediumUI labels, navigation
700EXPLORE. EXPERIMENT. EDUCATE.
BoldTagline (primary use)

BODY — INTER

400The quick brown fox jumps over the lazy dog.
RegularBody text, paragraphs
500The quick brown fox jumps over the lazy dog.
MediumCaptions, metadata
600The quick brown fox jumps over the lazy dog.
SemiboldLabels, section headers
700The quick brown fox jumps over the lazy dog.
BoldPage titles, emphasis

TYPE HIERARCHY

Display / Wordmark

Orbitron 900 / 4.2rem / -0.04em

TEBAAQ

H1 — Page Title

Inter 700 / 2.2rem / -0.02em

Brand Guidelines

H2 — Section Label

Inter 600 / 0.75rem / 0.15em

SECTION TITLE

Tagline

Rajdhani 700 / 0.95rem / 0.25em

EXPLORE. EXPERIMENT. EDUCATE.

Body

Inter 400 / 0.9rem / 0

Body text for descriptions and documentation.

Caption

Inter 500 / 0.7rem / 0.06em

Metadata and small labels


05 / Brand Elements

Graphic Elements

Beyond the logo, Tebaaq uses a system of supporting graphic elements that reinforce the brand's technical, gaming-informed identity. These elements may be used in marketing materials, UI design, and presentations.

SHIELD CONSTRUCTION

Shield Ratio 5:6gap

Double-Frame Construction

The shield uses two concentric frames: an outer "ghost" frame (1px, 15% opacity white) and an inner primary frame (3px, gradient stroke). The gap between frames creates a machined, precision-engineered appearance that resonates with the hardware-aware 40+ demographic.

Proportions

The shield follows a 5:6 width-to-height ratio. The lower V-point sits at 90% of total height. These proportions must be maintained at all sizes — never stretch or compress the icon.

RANK CHEVRONS

Three-Tier Cascade

Three chevrons are stacked vertically with cascading opacity:

Tier 1 (Top)100% / 3px
Current level — earned mastery
Tier 2 (Middle)60% / 2.5px
Prior achievement — solidified knowledge
Tier 3 (Bottom)35% / 2px
Foundation — early learning

XP PROGRESS BAR

STANDARD (71% FILL)

CONTEXTUAL FILLS (FOR UI USE)

25%
50%
75%
100%

Usage Rules

  • 01In the logo lockup, the bar is always fixed at ~71% fill — it is a static brand element, not a live indicator.
  • 02In UI/product contexts, the bar may show dynamic progress with fill levels from 0-100%.
  • 03Bar height in the logo is 4px at shield scale. In UI, minimum height is 2px.
  • 04The gradient direction always flows left-to-right (accent to deep).
  • 05Track colour matches the palette's dark secondary (e.g. #1a1a2e for Cyan Core).

CORNER ACCENTS & GRADIENT RULES

Corner accent frame

Corner accents use 2px strokes at 30% accent colour opacity. They frame content panels and reinforce the HUD / tactical-display aesthetic. Use sparingly — only on primary brand containers.

ACCENT-TO-TRANSPARENT

CENTRE FADE

SECTION DIVIDER

Gradient rules separate content sections and anchor the tagline beneath the wordmark. The primary style (accent-to-transparent) flows left-to-right.


06 / Usage Rules

Do's & Don'ts

Consistent application of the brand identity is essential. The following rules must be observed by all teams and partners when using Tebaaq brand assets.

DO
DON'T
Use the lockup at approved proportions
Stretch, compress, or distort the lockup
Use only approved colour palettes
Recolour elements in unapproved hues
Maintain clear space around the lockup
Crowd the logo with other elements
Place on solid, uncluttered backgrounds
Place over busy imagery or patterns
Use the gradient rule line as provided
Replace the gradient with a solid line
Use Orbitron Black (900) for the wordmark
Substitute with another typeface or weight
Keep tagline full stops attached to words
Remove full stops or add extra punctuation
Reproduce the shield with both frames
Omit the outer ghost frame

VISUAL MISUSE EXAMPLES

TEBAAQ

Stretched

Horizontal distortion

TEBAAQ

Compressed

Vertical compression

TEBAAQ

Rotated

Rotation not permitted

TEBAAQ

Low Contrast

Insufficient contrast

TEBAAQ

Wrong Colour

Unapproved palette

TEBAAQ

Drop Shadow

No effects on logo

BACKGROUND PLACEMENT

TEBAAQ
APPROVED
Dark Solid
TEBAAQ
APPROVED
Light Solid
TEBAAQ
APPROVED
Brand Gradient
TEBAAQ
AVOID
Mid-Tone

07 / Applications

Brand in Context

The following mockups demonstrate how the Tebaaq brand identity system applies across common touchpoints and media.

SOCIAL MEDIA & AVATARS

Discord
YouTube
Steam
X / Twitter

WEBSITE HEADER

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.
GamesLearnCommunityAbout
Sign In

Level Up Your Knowledge

Strategy. Simulation. Education.

BUSINESS CARD

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.

www.tebaaq.com

John Doe

Chief Strategy Officer

john@tebaaq.com

+1 (555) 000-0000

www.tebaaq.com

Standard size: 3.5" x 2" (89mm x 51mm) — printed on matte black 400gsm stock

EMAIL SIGNATURE

John Doe

Chief Strategy Officer

TEBAAQ

john@tebaaq.com | www.tebaaq.com

STREAM / VIDEO OVERLAY

[ Game / Video Content ]

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.LIVE

MERCHANDISE PLACEMENT

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.

T-Shirt (Front)

Left chest, 3" wide

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.

Hoodie (Back)

Center back, 10" wide

TEBAAQ
EXPLORE. EXPERIMENT. EDUCATE.

Cap

Front center, 2.5" wide

END OF DOCUMENT

TEBAAQ BRAND GUIDELINES v3.0 — FEBRUARY 2026 — CONFIDENTIAL