🎨Brand Guidelines

Aaitek Brand Guidelines 2025

✨ "Transform Your Digital Vision Into Reality"

A premium digital experience starts with consistency. Follow these brand standards to deliver high-impact, unified experiences across all platforms.

🏷 Brand Identity

Brand Name

Aaitek

Tagline

✨ "Transform Your Digital Vision Into Reality"

Core Essence

Empowering innovation through composable, scalable, and intelligent digital solutions.

Brand Personality

Visionary · Modern · Trustworthy · Innovative

🎨 Color Palette

Primary Colors

#0284c7
Primary Blue
Primary Brand Color
RGB: 2, 132, 199
Tailwind: primary-600
#0369a1
Primary Blue Dark
Primary Dark Variant
RGB: 3, 105, 161
Tailwind: primary-700
#0891b2
Accent Cyan
Accent Brand Color
RGB: 8, 145, 178
Tailwind: accent-600
#FFFFFF
White
Primary Text on Dark
RGB: 255, 255, 255
#1e293b
Dark Background
Secondary Background
RGB: 30, 41, 59
Tailwind: secondary-900
#f8fafc
Light Gray
Secondary Text Background
RGB: 248, 250, 252
Tailwind: secondary-100

Extended Palette

#0ea5e9
Primary 500
RGB: 14, 165, 233
#38bdf8
Primary 400
RGB: 56, 189, 248
#06b6d4
Accent 500
RGB: 6, 182, 212
#22d3ee
Accent 400
RGB: 34, 211, 238
Primary Gradient
linear-gradient(to right, #0284c7, #0369a1, #0891b2)
Used in hero sections and CTAs

🖋 Typography System

TypeFontUse CaseWeight
PrimaryInterHeadings, body400–700
SecondaryRoboto MonoCode snippets, developer text400–500
Optional AccentSpace GroteskHero banners, ads500–700

Typography Guidelines:

  • Headings: Sentence case, 0.5px letter spacing
  • Body text: Line-height 1.6 for readability
  • Font color hierarchy: White → Primary Blue → Accent Cyan → Gray

🧩 Logo Guidelines

Usage Rules

  • ✓
    Primary Use: Full Aaitek logo (white) on dark background (primary-600/700 or gray-900)
  • ✓
    Alternate Use: White-only logo for dark surfaces or watermark use
  • ✓
    Padding: Keep 1× logo height clear space around it
  • ✓
    Minimum Size: 160px (digital), 20mm (print)

Do Not:

  • ✗
    Modify colors
  • ✗
    Add shadows or gradients
  • ✗
    Place on bright or conflicting color backgrounds

🧠 Visual Design Language

Layout & Spacing

  • • Use wide margins and consistent grid (8px or 16px rhythm)
  • • Maintain clean symmetry with visual breathing space

UI Style

  • Cards: Rounded corners (16px), shadow: 0 8px 24px rgba(0,0,0,0.2)

Buttons

Motion

  • • Soft fade-ins, slide-up transitions, and glowing hover states
  • • Use easing: cubic-bezier(0.25, 0.8, 0.25, 1)
  • • Hover: Light gradient or scale animation (1.05x)

💬 Tone of Voice

Style: Confident, clear, and empowering.

Speak as a guide helping clients build the future through technology.

Examples:

"Transform your digital ecosystem with composable architecture."
"Aaitek — where design, technology, and performance converge."
"We turn your digital vision into reality."

🌐 Brand Application

Digital

  • • Dark-themed websites and dashboards with glowing Aaitek Yellow accents
  • • Motion-led hero sections
  • • Interactive cards and components

Social & Marketing

  • • Dark background, bold white typography
  • • Primary Blue and Accent Cyan accent lines
  • • Consistent corner rounding and shadow depth

Print

  • • Maintain strong contrast (Primary Blue/Accent Cyan on White or Dark)
  • • Prefer matte finish with spot gloss on logo

🚀 Brand Purpose

Aaitek exists to empower creators, brands, and enterprises with composable, full-stack digital ecosystems that evolve with technology — not against it.

Tagline Integration (for marketing):

"At Aaitek, we help you Transform Your Digital Vision Into Reality."

📋 Sample Implementation

Sample Hero Section

Transform Your Digital Vision Into Reality

Empowering innovation through composable, scalable, and intelligent digital solutions. Experience the future of technology with Aaitek.