Brand Guidelines

ITConnect visual identity — logo, colors, typography and usage principles

01 — Logo

Logo & Usage

The logo is the primary visual mark of the brand. Consistent, correct usage is the foundation of recognition and trust.

ITConnect logo on white background
ITConnect logo on dark background
Minimum Size
32px height
Clear Space
25% of logo height on all sides
File Formats
PNG, SVG
Aspect Ratio
Fixed — never distort

Do's & Don'ts

Do
  • Use the logo on white, dark, or neutral backgrounds
  • Always maintain the original aspect ratio
  • Respect the minimum clear space around the logo
  • Use PNG or SVG file formats
  • Observe minimum size requirements in digital use
Don't
  • Do not rotate or skew the logo
  • Do not change or override the logo colors
  • Avoid placing on busy photographic or patterned backgrounds
  • Do not stretch the logo with non-uniform scaling
  • Do not add effects such as drop shadows or outlines
02 — Colors

Brand Color Palette

Color is the most immediate expression of the brand's character. The primary palette defines recognition; the supporting palette provides flexibility across contexts.

Primary Colors
Primary Red
#ED2328
RGB 237, 35, 40
Dark Navy
#1a1a2e
RGB 26, 26, 46
Navy Soft
#2d2d44
RGB 45, 45, 68
Red Hover
#d41d21
RGB 212, 29, 33
Background Colors
White
#FFFFFF
RGB 255, 255, 255
Light Gray
#f8f9fa
RGB 248, 249, 250
Text Colors
Text Primary
#1a1a2e
Headings, primary body
Text Secondary
#4a4a5e
Supporting text
Text Muted
#8e8ea0
Meta, captions, labels

Color Usage Principles

CTA Button
Primary Red — call-to-action buttons, brand accents, highlights
Heading
Dark Navy — headings, navigation, dark-background sections
Body text
White background + Dark Navy text — articles, cards, main content areas
Alternate section
Light Gray background — alternating sections, forms, tables
03 — Typography

Typography

The bilingual nature of the site requires a separate type strategy for Georgian and Latin scripts. Both font stacks are chosen to work harmoniously together.

Georgian — Headings
ბრენდის ხმოვანება
IT სერვისები კორპორაციული კლიენტებისთვის.
Regular Bold
BPG Nino Mtavruli — Georgian headings, navigation, card titles
Georgian — Body / Blog
ბლოგის სტატია
გრძელი სარედაქციო ტექსტებისთვის.
Regular
BPG Glaho — Georgian blog articles and long-form text
English — Headings
Brand Voice
IT services for corporate clients — reliable, direct, results-focused.
Light 300 Medium 500 Bold 700 ExtraBold 800
Plus Jakarta Sans — English headings, hero text, card titles, navigation
English — Body
Body Copy
Optimised for long-form reading. Clean letterforms and consistent spacing make Inter ideal for paragraphs, blog posts, and UI descriptions.
Regular 400 Medium 500 SemiBold 600
Inter — English body text, descriptions, blog articles, form labels

Type Scale

H1 40px / 800 Hero Heading
H2 28px / 700 Section Heading
H3 20px / 700 Sub-heading
H4 16px / 600 Card Title
Body 15–16px / 400 Primary body text, paragraphs
Small 12–13px / 400 Meta text, dates, category labels