PK Headway Solutions
Brand Guide

Confident
Consulting
with Data
Intelligence.

Version
v1.0
Issued
May 2026
Owner
Brand & Design
Pages
22
02Brand Overview

Where marketing meets evidence.

PK Headway Solutions is a Cyprus-based consulting hub combining digital marketing execution with analytical services. The brand should feel like a calm room where smart decisions get made — not a megaphone.

Positioning

We help companies grow through structured marketing approaches and clear analytics. Strategy, execution, and data analysis under one roof.

Audience
  • — CMOs and marketing leads at growing B2B and B2C brands
  • — Founders evaluating their marketing function
  • — Growth and analytics leads needing executional partnership
  • — Boards needing clearer reporting on marketing investment
Brand Pillars
01

Reliable

Visually calm, structured, no gimmicks. Decisions read as deliberate.

02

Intelligent

Measured pace, data-aware, considered. Numbers earn their place.

03

Modern

Contemporary spacing and typography. No skeuomorphic decoration.

04

International

Cyprus base, global lens. English-first, neutral B2B tone.

03Logo System

Seven versions, one mark.

The Headway mark — four parallelograms in forward motion — is the consistent element across every lockup. The wordmark is set in Manrope SemiBold.

PK Headway Solutions
Monochrome black
PK Headway Solutions
Monochrome white
PK Headway Solutions
Reversed on indigo
Avatar (1:1, mark on indigo)
04Logo Clear Space

Breathing room is part of the logo.

Clear space equals the height of the mark itself, on all four sides. Nothing — text, edge, image, or other graphic — may enter this zone.

X
X
X
X
PK Headway Solutions
X = height of mark
Minimum sizes
PK Headway Solutions
Horizontal lockup
140px screen / 30mm print
PK Headway
Solutions
Stacked lockup
80px / 20mm
Symbol only
16px / 6mm
05Logo Usage

Correct & incorrect.

Common modifications break the system. Use the supplied lockups exactly as provided.

PK Headway Solutions
Primary on white
PK Headway Solutions
Reversed on indigo
Mark only as avatar
PK Headway Solutions
Don't recolor the mark
PK Headway Solutions
Don't stretch or skew
PK Headway Solutions
Don't add effects
06Color System

One brand, two accents, disciplined neutrals.

Indigo carries the brand voice. Teal handles the data signal. Everything else is functional. The bright cyan from the previous site is retired.

Brand & Accent
#4F3DD9
indigo/600
Primary brand. Logo, primary CTAs, links.
#3F30B5
indigo/700
Hover state for primary.
#1A1352
indigo/900
Footer, dark hero, headlines.
#14B8A6
teal/500
Accent. Data viz highlights.
#0D9488
teal/600
Hover state for teal.
Surfaces
#FFFFFF
surface/0
Cards, modals.
#F8F7FB
surface/50
Page background (light theme).
#F1EFF7
surface/100
Subtle section dividers.
#0E0A2E
surface/dark
Footer, dark mode.
Text
#0E0A2E
text/primary
Headings on light.
#3A3656
text/body
Body copy. Default.
#6B6783
text/muted
Captions, helper text.
Status
#10B981
success
Success states.
#F59E0B
warning
Warnings.
#EF4444
error
Errors.
#3B82F6
info
Informational.
07Typography

Manrope leads. Inter supports.

Two Google Fonts. Both free, both highly legible, both with full Latin Extended coverage. Manrope carries the brand voice in headlines. Inter handles the work.

Display / Headings
Manrope
Manrope · 500, 600, 700, 800
Body / UI
Inter
Inter · 300, 400, 500, 600, 700
Type Scale (desktop)
Marketing performance you can measure
Display
Marketing hero only. Sparingly.
family: Manrope
size: 72px
weight: 700
line-height: 1.1
tracking: -0.025em
Where marketing meets evidence
Heading 1
Page titles, hero headlines. One per page.
family: Manrope
size: 56px
weight: 700
line-height: 1.15
tracking: -0.02em
Our Services
Heading 2
Section headings.
family: Manrope
size: 40px
weight: 700
line-height: 1.2
tracking: -0.015em
Strategy & Execution
Heading 3
Subsections, card titles.
family: Manrope
size: 28px
weight: 600
line-height: 1.3
tracking: -0.01em
We combine digital marketing and analytics to help businesses improve performance, structure their processes, and make informed decisions.
Body Large
Hero descriptions, intro paragraphs.
family: Inter
size: 18px
weight: 400
line-height: 1.55
tracking: 0
By focusing on clarity, consistency, and collaboration, we help businesses address complex challenges.
Body
Default body copy.
family: Inter
size: 16px
weight: 400
line-height: 1.5
tracking: 0
Reg. number HE 434139 — Limassol, Cyprus
Caption
Metadata, image captions, helper text.
family: Inter
size: 12px
weight: 500
line-height: 1.35
tracking: 0.02em
08Grid & Spacing

A 4-pixel base, twelve columns, one rhythm.

The grid is invisible but everywhere. Every component, every section, every margin resolves to a multiple of 4.

12-column desktop grid
1200px container · 24px gutter · 80px outer paddingdesktop ≥ 1025px
Mobile ≤ 640
4 col · 16 gut
Tablet 641–1024
8 col · 24 gut
Desktop ≥ 1025
12 col · 24 gut
Spacing Scale
space/14px
space/28px
space/312px
space/416px
space/524px
space/632px
space/748px
space/864px
space/996px
space/10128px
09Radius & Shadow

Soft corners, tinted depth.

Default card radius is 16px. Shadows are tinted with deep indigo, never neutral grey.

Border Radius
radius/sm
4px
radius/md
8px
radius/lg
12px
radius/xl
16px
radius/2xl
24px
radius/full
full
Shadows
shadow/sm
Input focus
shadow/md
Default card resting state
shadow/lg
Card hover, modals
shadow/xl
Popovers, dropdowns
10Buttons

Three variants, six states each.

Primary CTAs are indigo. Secondary CTAs are outlined indigo. Tertiary buttons are inline text-only.

Primary Button
default
hover
active
focus
disabled
loading
Secondary Button
default
hover
active
focus
disabled
loading
Tertiary Button
default
hover
active
focus
disabled
loading
Spec
padding: 12px 24px · radius: 12px · font: Inter 600 / 15px · gap (icon): 8px
primary: bg indigo-600 → hover indigo-700 · text white · shadow on hover
focus ring: 2px indigo-600 at 2px offset · disabled: 40% opacity
11Form Components

Inputs you can actually focus.

Every state shown is the live component. Click an input to see the focus ring.

Text Input
default
filled
error
Please enter a valid email.
disabled
Textarea & Select
default
default
Select a service…
Checkbox
Radio
12Cards

Three card types cover the website.

Service cards anchor the services page. Feature cards build the 'why' moments. Blog cards drive content discovery.

Service Card

Analytical Services

Performance tracking, customer behavior analysis, predictive analytics, and reporting that drives decisions.

Data Analysis & Insights
Marketing Performance Tracking
Customer Behavior Analysis
Predictive Analytics
Data Visualization & Reporting
Feature Card

Strategy & Execution

Strategy planning and execution in one place — seamless implementation of your goals.

Measurable Results

Decisions backed by data and defined performance indicators.

Blog Card
Insights

What "data-driven marketing" actually means in practice

The phrase is everywhere. Most teams using it can't say what they actually measure.

April 2026· 6 min read
14Hero Sections

Two ways to start a page.

Variant A is marketing default — deep indigo. Variant B is data-forward — light surface.

Variant A — Indigo with composition
Marketing & Analytics

Marketing performance you can actually measure.

Strategy, execution, and analytics — under one roof.

Variant B — Light with data visual
Strategy + Analytics

Better decisions start with better data.

We turn marketing budgets into measurable outcomes.

15CTA Block

One ask, in the right voice.

The CTA block sits between content sections or above the footer.

Variant — Indigo 600

Ready to make growth measurable?

Start with a discovery call. We'll review your current marketing setup and show you what better looks like.

16Iconography

Lucide. 1.5px stroke. Rounded corners.

One icon library: Lucide. Outlined style only. 1.5px stroke at 24×24 base.

trending-up
bar-chart-3
pie-chart
line-chart
target
search
users
zap
briefcase
globe
message
file-text
database
shield
settings
rocket
In tinted container
Inline accent
Marketing strategy
On dark surface
17Graphic Elements

The Headway pattern, the diagonal, the geometric composition.

Three signature graphic devices. Used sparingly.

Headway Pattern

Repetition of the four-parallelogram mark at 5–8% opacity. Used as background watermark on dark CTA blocks and email headers.

Diagonal Accent
Headway

A 30° diagonal in Teal 500. Appears as corner accents, divider details.

Geometric Composition

Two-color compositions in brand palette. Used as hero alternative.

18Social Media

Six formats. Same system.

Avatar, cover, square, portrait, story, and banner — all built from the same rules.

Avatar400×400
LinkedIn Cover1584×396
PK Headway Solutions
Data-driven marketing & analytics
1:1 Post1080×1080
PK Headway Solutions
Less noise.
More signal.
Stronger results.
4:5 Portrait1080×1350
PK Headway Solutions
Insight
63%
of marketing teams can't link a campaign to revenue.
pkheadwaysolutions.com
Story1080×1920
PK Headway Solutions
Your data has a story. We help you read it.
Article Banner1200×628
New Article
What "data-driven marketing" actually means in practice
6 min read · April 2026
19Presentation Slides

Four slide masters cover every deck.

Cover, content, divider, closing.

Cover16:9 — 1920×1080
PK Headway Solutions
2026
Q2 Performance
Review
Prepared for Acme Corp · April 2026
Content slide16:9 — 1920×1080
PK Headway Solutions
03 / 18
Section 02
Conversion improved by 38%
Q1
2.4%
Q2
3.3%
Section divider16:9 — 1920×1080
Part 02
What we'd
recommend.
Closing16:9 — 1920×1080
PK Headway Solutions
Thank you.
info@pkheadwaysolutions.com
Limassol, Cyprus
HE 434139
20Website Mockups

Three sections in the new system.

Homepage hero, services grid, contact section.

Homepage herodesktop · 1280px
pkheadwaysolutions.com
PK Headway Solutions
Book a Consultation
Marketing & Analytics
Marketing performance you can actually measure.
Strategy, execution, and analytics — under one roof.
Book a consultation
See how we work
Services sectiondesktop · 1280px
pkheadwaysolutions.com
Our Services
Comprehensive solutions designed to elevate your brand and optimize your data.
Digital Marketing
Marketing Strategy
Branding & Positioning
Performance Marketing
SEO
Content Marketing
Analytical Services
Data Analysis & Insights
Performance Tracking
Customer Behavior
Predictive Analytics
Data Visualization
Contact sectiondesktop · 1280px
pkheadwaysolutions.com
Get in Touch
Let's start with a discovery call.
We'll review your current setup and show you what better looks like.
info@pkheadwaysolutions.com
Anastasiou Sioukri 1, Limassol, Cyprus
Name
Your full name
Email
name@company.com
Message
Tell us about your goals…
Book a consultation
21Do & Don't

The shortlist of common mistakes.

If a designer or marketer remembers nothing else, they should remember these.

Do
Use Indigo 600 for primary CTAs across all surfaces.
Reserve Teal 500 for accents only — never large fills.
Keep H1 to one per page. Use eyebrow labels above for structure.
Set body copy max-width to ~65 characters.
Use the Headway pattern at 5–8% opacity on dark surfaces only.
Pair Manrope for headlines with Inter for body. No third font.
Don't
Use bright cyan from the old site as a primary CTA color.
Add gradients beyond the documented indigo→indigo gradient.
Mix Lucide icons with another icon library on the same page.
Stretch, skew, recolor, or add effects to the logo.
Use pure black (#000) as a dark surface — always indigo-tinted.
Use stock photos of generic handshakes and posed teams.
22Handoff

Three days to a working Figma file.

The recommended path from this brand guide to a production Figma library.

Day 1

Setup

  • Create Figma file with 11-page structure
  • Set up color, text, spacing, radius, shadow variables
  • Import Manrope and Inter from Google Fonts
Day 1

Logo

  • Build refined Headway mark on page 02
  • Create all 7 lockup versions
  • Export SVG + PNG @1×, @2×, @3×
Day 2

Components

  • Build 18 core components on page 06
  • Add variants for every state
  • Hook up to color and text variables
Day 2

Templates

  • Build 6 social templates on page 08
  • Build 4 slide masters on page 10
  • Test text scaling at each breakpoint
Day 3

Mocks

  • Build full homepage mock on page 09
  • Validate every component used has all variants
  • Fix any gaps before PDF export
Day 3

PDF & Handoff

  • Lay out 24–32 PDF pages on page 10
  • Export PDF for client review
  • Share Figma file with developers via Dev Mode

This guide is v1.0.
Iteration is expected.

Next planned extension: merchandise, motion guidelines, email design system, and an extended dark theme.

PK Headway
Solutions