VERSION 1.0 // 2025

BRAND
GUIDELINES

The visual identity system for Elite Tech Solutions. A brutalist tech aesthetic that communicates precision, innovation, and bold professionalism.

LOGO SYSTEM

PRIMARY LOGO

ICON MARK

DARK BACKGROUND

ACCENT BACKGROUND

CLEARSPACE REQUIREMENTS

X-HEIGHT

Maintain a clearspace equal to the icon's height around all sides of the logo.

COLOR PALETTE

PRIMARY COLORS

BRUTALIST RED

#FF3300

Primary accent, CTAs, highlights, emphasis

CHARCOAL BLACK

#1A1A1A

Primary text, borders, UI elements

OFF-WHITE

#E8E8E3

Primary background, base layer

PURE WHITE

#FFFFFF

Card backgrounds, contrast elements

SECONDARY COLORS

WARM GRAY

#D4D4CF

Secondary backgrounds, section alternates

MEDIUM GRAY

#4A4A4A

Secondary text, muted content

ACCENT GLOW

rgba(255, 51, 0, 0.2)

Shadows, glow effects, hover states

USE SPARINGLY
MAX 10% OF UI

LIGHT THEME USAGE

BACKGROUND: #E8E8E3

CARDS: #FFFFFF

TEXT: #1A1A1A (INVERTED)

ACCENT: #FF3300

DARK THEME USAGE

BACKGROUND: #1A1A1A

CARDS: #4A4A4A

TEXT: #E8E8E3 (INVERTED)

ACCENT: #FF3300

TYPOGRAPHY

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890

BEBAS NEUE

Display headings, headlines, navigation, buttons

REGULAR 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890

SPACE MONO

Body text, labels, captions, technical content

REGULAR 400BOLD 700

TYPE SCALE

HERO96px / 0.9 LH

H164px / 1.0 LH

H248px / 1.1 LH

H336px / 1.1 LH

BODY16-20px / 1.6 LH

CAPTION12-14px / 1.5 LH

VISUAL PATTERNS

GRID PATTERN

40px grid lines for dark backgrounds

NOISE TEXTURE

Subtle grain overlay for depth

HARD SHADOWS

4px offset brutalist shadows

BORDER WEIGHTS

2px - Subtle

4px - Standard

6px - Emphasis

+ Shadow

Accent + Shadow

UI ELEMENTS

BUTTONS

CARDS

CARD TITLE

Card content with mono text

ACCENT CARD

Dark theme variant

FORM INPUTS

BADGES & LABELS

TAGHIGHLIGHTOUTLINE

USAGE GUIDELINES

✓DO

→Use 4px borders consistently across all UI elements
→Maintain proper clearspace around the logo
→Use Bebas Neue for all headings and CTAs
→Apply hard shadows (4-8px offset) for depth
→Use the accent red sparingly for emphasis (max 10%)
→Keep body text in Space Mono for readability

✕DON'T

→Stretch or distort the logo in any way
→Use rounded corners on cards or buttons
→Change the brand colors or create new variants
→Use soft gradients or blur effects
→Place the logo on busy or clashing backgrounds
→Mix with other display fonts - stick to Bebas Neue

BRAND ASSETS

Download official brand assets for use in external materials.

BRANDGUIDELINES