Brand Identity Guidelines

Sector: Technology Adoption & Cyber Security Consulting

Clean, Technical, Geometric, High Contrast.

1. Brand Fundamentals

Mission

To help customers adopt technology to achieve the best results for their business.

Vision

To be the most recognized and trusted partner in South East Europe (SEE).

Scope of Business

Digitalization consulting, technology adoption, cyber security (audit & implementation), business operations optimization, and compliance.

2. Color Palette & Specifications

Core Palette

Primary

#0A192F

RGB: rgb(10, 25, 47)

HSL: hsl(216, 65, 11)

Core brand recognition and corporate identity color.

Accent

#FF6B35

RGB: rgb(255, 107, 53)

HSL: hsl(16, 100, 60)

High-presence indicator for call-to-actions and structural highlights.

Secondary 1

#64748B

RGB: rgb(100, 116, 139)

HSL: hsl(215, 16, 47)

Supporting layout copy, neutrals, and compliance grids.

Accessibility Audit (WCAG 2.1 Compliance)

Contrast evaluation of color pairings for readability and high contrast on screen displays.

Color Combination Contrast Ratio WCAG Level Status Design Recommendation
Primary (#0A192F) on White (#FFFFFF) 17.60:1 PASS AAA Suitable for copy text.
Primary (#0A192F) on Black (#000000) 1.19:1 FAIL Avoid layering.
Accent (#FF6B35) on White (#FFFFFF) 2.84:1 FAIL Avoid layering.
Accent (#FF6B35) on Black (#000000) 7.41:1 PASS AAA Suitable for copy text.
Primary (#0A192F) + Accent (#FF6B35) Layer 6.21:1 PASS AA High legibility lockup.

Brand Resemblance & Competitive Overlaps

Delta-E (ΔE) color distance comparison against major global brand assets (ΔE < 5 indicates high visual resemblance).

Potential Color Overlaps: The following brands have similar hues. Verify that your industry niche prevents brand confusion.
Your Hue Resembling Brand Brand Color Swatch Delta-E (ΔE) Distance Risk Warning Market Sector
Accent (#FF6B35) Microsoft
#F25022		 9.35 Medium Risk Technology
Accent (#FF6B35) Mastercard
#FF5F00		 15.07 Low Risk Finance

Mathematical Color Harmonies

Alternative color configurations computed mathematically around the primary base #0A192F:

Complementary
#2E200A
Analogous
#0A2B2E / #0D0A2E
Triadic
#2E0A18 / #182E0A
Split-Complementary
#2E0D0A / #2B2E0A
Monochromatic
Shade: #09162A
Tint: #213C63
Highlight: #205097

3. Typography & Scale Hierarchy

Core Typography Pairings

Primary Heading
Aa Bb Cc 123

Plus Jakarta Sans

Category: Sans-serif

License: Free & Open Source

Source: Google Fonts

Secondary Body
Aa Bb Cc 123

Inter

Category: Sans-serif

License: Free & Open Source

Source: Google Fonts

Recommended Alternate Google Fonts Pairings

Primary Font (Headers) Secondary Font (Body Copy) Design Aesthetic Google Fonts Import Reference
Inter Inter Modern Clean & Tech-oriented Font Link
Poppins Open Sans Friendly, Geometric & Highly Readable Font Link
Outfit Plus Jakarta Sans Premium, Sleek & Minimalist Font Link
Montserrat Roboto Bold & Structured Font Link

Digital Embed Guidelines

To use these fonts on digital assets and web pages, copy and paste the codes below:

Option A: HTML Link Embed
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
Option B: CSS @import Directive
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap');
Option C: CSS Font Family Declarations
/* Headings & Display elements */
h1, h2, h3, h4, .brand-heading {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
}

/* Body text copy & Layout copy */
body, p, span, li, input {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

Web-Ready Typographic Scale Hierarchy

Defined typographic sizing rules optimized for standard desktop and responsive mobile layouts. The right-hand column renders using the exact CSS rules:

Hierarchy Level Font Face Target Size Font Weight Line Height Live Preview Example
H1 (Hero Title) Plus Jakarta Sans 3.00rem (48px) Bold (700) 1.2
Hero Title Text
H2 (Section Title) Plus Jakarta Sans 2.25rem (36px) Semi-Bold (600) 1.3
Section Title
H3 (Subsection Title) Plus Jakarta Sans 1.75rem (28px) Medium (500) 1.35
Sub Section Title
Body (Large Copy) Inter 1.125rem (18px) Regular (400) 1.5
This is larger paragraph text copy.
Body (Regular Copy) Inter 1.00rem (16px) Regular (400) 1.6
This is the regular standard copy text block of body paragraphs.
Caption (Small Copy) Inter 0.875rem (14px) Regular (400) 1.4
Figure 1.0: Typographic caption description text.