Brand standard

The ITConnect brand

Logo, colour, typography and application rules — in one place, for everyone who uses our name.

01 — Logo

The logo and how to use it

The logo is the company’s visual signature. Used consistently, it is the foundation of recognition.

Minimum size32px height
Clear space25% of logo height on every side
FormatsSVG (master), PNG
Aspect ratioConstant — never distorted

Do / Don’t

Do

  • Place on white, dark or neutral backgrounds
  • Keep the aspect ratio at all times
  • Respect the minimum clear space
  • Use SVG or PNG
  • Use the reversed white version on dark

Don’t

  • Rotate or tilt it
  • Recolour it
  • Place it on busy or photographic backgrounds
  • Stretch it with uneven scaling
  • Add a shadow, outline or gradient

The name is one word — ITConnect. Capital I, T and C. Not “IT Connect”, not “ITconnect”, not “IT-Connect”.

02 — Colour

The brand palette

The palette is built on neutrals. The brand red is an accent, never a surface. A well-composed page is roughly 90% neutral.

Primary colours

Carmine #B81D24 RGB 184, 29, 36
Carmine Hover #9E1219 RGB 158, 18, 25
Ink #0F1626 RGB 15, 22, 38
Slate #2B3346 RGB 43, 51, 70

Neutrals and text

Body Text #4A5265 RGB 74, 82, 101
Steel #6E7789 RGB 110, 119, 137
Line #E7E9EE RGB 231, 233, 238
Ground #F7F8FA RGB 247, 248, 250

How the colours are used

Calls to actionCarmine — buttons, links, accent rules. One primary button per screen.
Headings and navigationInk — headings, navigation, dark sections.
Body contentWhite ground, Ink headings, Body text. Body copy is never set in red.
Alternating sectionsGround — alternating sections, forms, tables. Never two grey sections in a row.

Contrast: Carmine on white is safe for text and UI. On a dark ground, use the lighter #E8676C for accents.

03 — Type

Typography

Two families, both working across Georgian and Latin. No other typeface is used.

BOG Headline
The ITConnect brand
Hero titles only. Never on section headings or cards.
MarkGEO
The ITConnect brand
Everything else: body copy, section headings, cards, navigation, buttons, forms.

Type scale

H140px / 800Hero title
H228px / 700Section heading
H320px / 700Sub-heading
H416px / 600Card title
Body15–16px / 400Body copy
Small12–13px / 400Meta, date, category
04 — Application

Interface and material rules

Flat design

No shadow, anywhere, in any state. Depth comes from a 1px line, a background step and transforms.

One primary action

One Carmine button per screen. Two competing buttons means neither is the action.

Radii and spacing

12px cards, 16px panels, 8px buttons and inputs. Section padding 72px desktop, 48px mobile.

Photography

Real equipment and real sites. No stock photography of handshakes.

Icons

Single-weight line icons in currentColor. Emoji are not interface elements on the website.

Languages

Georgian, English and Hindi carry the same content. Numbers and contact details are identical.

Brand enquiries

Logo files, palette and typefaces — write to us: info@itconnect.ge