---
title: Sourceworx Visual Engine
description: Browse the Sourceworx Visual Engine's curated library of on-brand spaces — editorial-grade environment prompts and scenes for consistent corporate imagery.
---

Sourceworx Brand Visual Framework 2026

![Sourceworx](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

- Identity
  
  The Brand Mission & Vision Logo Usage Brand Colours Typography
- Content
  
  Imagery Social & Website Brand Voice
- Applications
  
  Uniform & Apparel Vehicle Branding Branded Display Logo in Spaces Iconography Download Centre

[Messaging Framework ↗](https://www.sourceworx.africa/sourceworx-brand-messaging-framework-with-vertical-mapping?hs_preview=ENpYjgOZ-381149017281&hsLang=en)

Identity

The Brand Mission & Vision Logo Usage Brand Colours Typography

Content

Imagery Social & Website Brand Voice

Applications

Uniform & Apparel Vehicle Branding Branded Display Logo in Spaces Iconography Download Centre

[Messaging Framework ↗](https://www.sourceworx.africa/sourceworx-brand-messaging-framework-with-vertical-mapping?hs_preview=ENpYjgOZ-381149017281&hsLang=en)

01

# The Sourceworx Brand

Your Partner in Performance — a promise of limitless potential, continuous growth, and enduring excellence.

## Sourceworx : Your Partner in Performance

Sourceworx is more than a technology provider — we are your partner in performance. At the heart of our identity is the infinity-infused X in our logo, **a symbol of limitless potential, continuous growth, and enduring excellence.**

The 2026 marketing strategy marks our transformation from technical vendor to trusted business partner, committed to delivering measurable results that drive your success.

Our approach is collaborative, results-orientated, and innovative, building capabilities rather than dependencies.

![Brand](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/4ed395998_WebsitePage.png)

## The Three Brand Pillars

01

### We are Accountable

We do not consult and leave. When technology breaks, we fix it — because it is our responsibility. Accountability is not a value we aspire to. It is the operating model.

02

### We Understand South Africa

Load-shedding, B-BBEE requirements, POPIA, MFMA reporting cycles — these are not obstacles we navigate around. They are the conditions our solutions are built for.

03

### We Make Technology Perform

Performance is the outcome we are paid to deliver — not uptime statistics, not SLA reports, not feature lists. The measure of our work is whether the client's organisation performs better because of us.

## Structural Credentials — Back Claims, Never Lead With Them

17+ Years SA Experience70+ Certified Engineers24/7 NOC/SOCISO 9001ISO 27001ISO 20000Level 1 B-BBEEFortinet PartnerCisco Certified

## Brand in the Wild

4K+ followers and growing, the Sourceworx brand communicates authority, approachability, and performance at every interaction.

The tagline "Your Partner in Performance" is not a slogan. It is a contract. Use the full phrase in formal contexts. In confident, established contexts, let the word **Performance** stand on its own.

![Brand in the Wild](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/93c0a46e8_BrandIntheWild.png)

![Sourceworx](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/89ea78585_SourceworxHorizontal-Light.png)

Your Partner in Performance. Enterprise-grade managed IT services for South African businesses. Established 2007, Johannesburg.

System Status: Online

#### Framework

- The Brand
- Mission & Vision
- Logo Usage
- Brand Colours
- Typography
- Imagery

#### Applications

- Social & Website
- Brand Voice
- Uniform & Apparel
- Vehicle Branding
- Branded Display
- Logo in Spaces
- Iconography
- Download Centre

© 2026 Sourceworx (Pty) Ltd. All rights reserved. · Est. 2007

Designed & Compiled by Sourceworx Marketing Team

02

# Mission & Vision

The global coordinates of the Sourceworx brand — the anchor that never changes.

Our Mission

## Accelerating Growth Across Africa

To accelerate growth and establish the African continent as a leader in innovative, efficient, and sustainable business practices through strategic technology adoption.

Our Vision

## An Africa Where Businesses Thrive

An Africa where businesses thrive through limitless technological potential, driving global competitiveness and sustainable prosperity.

The Brand Tagline

## "Your Partner in Performance."

This is not a slogan. It is a contract. Use the full phrase in formal contexts and first introductions. In confident, established contexts, let the word **Performance** stand on its own.

Brand Essence

> "We are the partner that makes technology deliver on its promise — reliably, accountably and in the context of South Africa."

This statement must live inside every communication we produce.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

03

# Logo Usage & Placement

The Sourceworx logo is the Seal of Quality. It must always be displayed with integrity, never distorted or rotated.

![Vertical dark](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/6685debd3_SourceworxVertical-Dark.png)

![Vertical light](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/a204354a7_SourceworxVertical-Light.png)

### Vertical Logo

Best for narrow spaces like posters, social media posts, and vertical signage.

![Horizontal dark](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

![Horizontal light](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/89ea78585_SourceworxHorizontal-Light.png)

### Horizontal Logo

Preferred for wide formats such as headers, banners, and website navigation.

![Favicon](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/1a6eef33f_Favicon.png)

![Favicon](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/1a6eef33f_Favicon.png)

### Logo Mark (Favicon)

Ideal for app icons, favicons, and small-scale applications.

### Dynamic Scaling Guidelines

Desktop Header

Min. 180px width — horizontal logo

Scroll State / Mobile

Collapses to Favicon mark in pill navbar

Print Materials

Min. 25mm width — maintain vector source

### ✓ Do's

- Always maintain clear space equal to the "X" mark height on all sides
- Scale proportionally — never stretch or compress
- Use approved colour versions only
- Ensure sufficient contrast with background
- Use light logo on dark backgrounds
- Use dark logo on light backgrounds

### ✗ Don'ts

- Never rotate or flip the logo
- Never add drop shadows or effects
- Never use unapproved colour variations
- Never place on busy backgrounds without sufficient contrast
- Never crop or mask the logo mark
- Never redraw or recreate elements of the logo

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

04

# Brand Colours

Executive Energy — always use specified HEX, RGB, and CMYK values.

## Primary Brand Colours

Follow the 60–30–10 distribution rule to maintain the colour hierarchy across all brand touchpoints.

60% Base Colour

Midnight Blue

#00213F

R0 G33 B63 · C100 M48 Y0 K75

Primary backgrounds, main headings, body text, and dominant brand elements.

30% Support Colour

Azure Blue

#009BDF

R0 G155 B223 · C100 M31 Y0 K13

Subheadings, secondary graphics, dividers, and supporting visual elements.

10% Pop Colour

Sky Blue

#20BCED

R32 G188 B237 · C86 M21 Y0 K7

Call-to-action buttons, highlights, accents, and key focal points.

![Noise gradient](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/5a9c9b0cf_1new-Copy.jpg)

### Noise Gradient

Apply gradients transitioning between brand colours with a subtle noise texture overlay. This adds depth, modern sophistication, and visual dynamism — never use flat solid background gradients without the noise texture.

## Supporting Brand Colours

Whites and greys provide balance, breathing space, and sophistication.

3%

Pure Black

#000000

High-impact headings, critical text, maximum contrast.

20%

Charcoal Grey

#6A6A6A

Body text, secondary headings, captions.

10%

Silver Grey

#BDBDBD

Borders, dividers, subtle backgrounds.

65%

Cloud White

#F8F8F8

Primary backgrounds, card surfaces.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

05

# Typography & Font Guidelines

Consistent typography reinforces our professional identity and ensures readability across all platforms.

Headings

### Sharp Grotesque Medium 20

Weight: 700–900Size: 32–72pxTracking: -0.02em

Main titles, page headers, primary emphasis to command attention and establish hierarchy.

Your Partner in Performance.

Sub Headings

### Sharp Grotesque Book 20

Weight: 500–600Size: 20–32pxTracking: -0.01em

Section titles, secondary headers, and organisational structure.

Technology that works for Africa.

Body Text

### Inter Regular

Weight: 400Size: 16–18pxTracking: 0

Paragraphs, descriptions, and all extended reading material. Min 16px.

We combine deep technical expertise with strategic business insight, translating complex solutions into tangible performance improvements.

Auxiliary Labels

### Inter Light / Thin

Weight: 300Size: 20pxTracking: 0.08em

Tags, badges, captions, navigation items, and supporting metadata.

MANAGED IT SERVICES · SOUTH AFRICA

## Accessibility Mathematics (WCAG 2.2 AA)

Primary Text

#0F172A on #FFFFFF

15.6:1PASS

Action Text

#FFFFFF on #00213F

9.1:1PASS

Min Font Size

16px body / 14px labels

1.6 line-heightPASS

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

06

# Imagery & Photography

Visual content that reflects innovation, professionalism, and dynamic energy. Curated, expensive, and intentional.

## Brand Photography

Real Sourceworx team photography — authentic, high-production studio portraits and brand imagery.

![Two Professionals](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/4d09c0a95_IMG_0311JPG.jpg)

**Team — Two Professionals**Back-to-back portrait style. Confident, strong, diverse team members in professional attire.

![Full Team](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/4a4b78f1e_IMG_00992JPG.jpg)

**Full Team Portrait**Group studio photography in Sourceworx navy brand apparel. Warm, energetic, diverse.

![Individual](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/737b699a9_IMG_0003.jpg)

**Individual Portrait — Smart Casual**Clean white studio portrait. Smart casual blue shirt. Approachable, professional energy.

![Leadership](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/fdb25cf9d_IMG_9665.jpg)

**Leadership Portrait — Branded Polo**Confident arms-crossed pose in Sourceworx navy polo. Leadership credibility and brand presence.

![Seated](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/bf265faa5_IMG_9953.jpg)

**Seated Portrait — Thoughtful**Branded polo, seated studio portrait with thoughtful pose. Calm, focused, professional character.

![Executive](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/8b282525a_generated_image.png)AI Assisted

**Executive in Work Mode**AI-assisted editorial photography. Navy blazer, dark panel environment, warm bokeh lights.

## Ads & LinkedIn Post Designs

Branded post templates and ad designs — approved layouts for LinkedIn, social media, and digital campaigns.

![Leadership Ad](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/1df377cb4_1775635205506.jpg)LinkedIn Post

**Leadership Magazine Ad**Editorial-style LinkedIn post. White card with quote, pill URL badge. Thought leadership format.

![Technology for Africa](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/50d828dbb_1773298801273.jpg)LinkedIn Post

**Technology for Africa**Brand positioning post. Blue hour city photography, brand X watermark, bold headline.

![Performance Ad](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/c0388a937_1773729001455.jpg)Ad Design

**Your Partner in Performance**Brand portrait ad. X mark graphic, clean typography, performance tagline.

## Design Do's & Don'ts

Visual examples of correct and incorrect Sourceworx design execution — what to follow and what to avoid.

### Do This — Approved Execution

![Correct Product Post](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/83eeed0ec_POST18B-21February.png)✓ DO

#### Correct Product Post

- Brand colours — midnight navy + azure blue photography
- Sharp Grotesque / Inter typeface hierarchy respected
- White card text panel — clear content area, never over image
- Logo placed correctly top-left with full clearance
- Infinity mark used as background graphic element
- Precise, outcomes-led copy ("Zero breaches. 24/7 protection.")
- URL pill badge — bottom-right, consistent placement

![Brand Culture Post](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/3b8449322_WeAreSourceworx.png)✓ DO

#### Correct Brand Culture Post

- Infinity X mark used large as a hero graphic element
- Brand-consistent team apparel — midnight navy branded polos
- Dark blue brand photography environment
- Clean, single-font typography — no mixed styles
- Colour contrast: white text on dark background only
- Brand hashtag with azure blue accent on key word
- No logo clutter — mark does the brand work

### Never Do This — Prohibited Execution

![Wrong design](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/bc69ef1cb_LinkedInContent1.png)✗ NEVER

#### What's Wrong With This Design

Wrong imagery: Beige/brown tones — completely off-brand.

Wrong fonts: Mixed unauthorised typefaces used.

Logo cropped: X mark cut off — must always have full clear space.

Off-brand copy: "WE ARE THE BEST!!!" violates brand voice.

Clutter: Cluttered desk objects create a chaotic, unprofessional image.

Off-brand palette: Tan, beige, and brown tones — never in brand communications.

No text panel: Text overlaid directly on a busy image — unreadable and inconsistent.

## Stock & AI-Assisted Imagery

Approved visual styles in Sourceworx brand colours — featuring our signature **vertical wooden panel environment** with blurred bokeh backgrounds, azure blue and midnight navy colour grades.

![Executive at Desk](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/e5eb08ba4_generated_image.png)

**Executive at Desk — Navy Panels**African professional in Sourceworx navy polo, dark navy slatted panel wall, azure blue monitor glow.

![IT Team](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/f18ba5b99_generated_image.png)

**IT Team Collaboration — Navy**Two professionals in navy branded polos, dark panel wall backdrop, azure blue ambient lighting.

![NOC Engineer](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/8560ace1a_generated_image.png)

**NOC Engineer — Dashboards**IT professional in navy polo at standing desk, triple monitors with azure blue network dashboards.

![Handshake](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/6bf0bd150_generated_image.png)

**Business Handshake — Dark Panels**Deal-closing handshake, both in navy branded polo shirts, dark navy slatted panel wall.

![Executive Female](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/6ae768935_generated_image.png)

**Executive Female — Navy Blazer**African female executive in navy blazer, dark navy panel wall bokeh, azure blue laptop glow.

![Help Desk](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/1351d0197_generated_image.png)

**Help Desk Professional — Brand Polo**IT support professional in Sourceworx navy polo, dual monitor help desk, dark navy panel background.

![Brand Portrait](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/0122ef2f0_generated_image.png)

**Brand Portrait — Close-up**Close-up portrait, navy polo, dark navy slatted panel wall, azure blue rim light.

![Data Centre](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/da4087ade_generated_image.png)

**Data Centre — Navy & Azure**Premium server room, midnight navy ambient and azure blue LED rack lighting. No people.

![NOC Team](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/8c9936247_generated_image.png)

**NOC Team — Operations Centre**Three professionals in navy polos at NOC collaboration table, wall screens with live network maps.

## Canva & AI Image Prompts

Use these detailed prompts in Canva AI, Midjourney, Adobe Firefly, or any AI image generator to create on-brand photography.

Executive IT Leader PortraitLinkedIn, About Us, Team Page

Hyper-realistic corporate editorial photography. African professional seated at a premium dark-stained standing desk. Subject wearing a Sourceworx midnight navy (#00213F) polo shirt with a discreet embroidered chest logo. Background: dark midnight navy (#00213F) vertical slatted acoustic wall panels, deeply blurred at f/1.4 bokeh. Lighting: cool azure blue (#009BDF) key light from the left, mimicking screen glow from an off-camera monitor. Deep navy shadows on right side of face. One or two ultrawide curved monitors visible in the blurred background showing blue network topology UI. Warm African skin tones. Shot on Sony A7III, 85mm f/1.4, ISO 800. Cinematic colour grade.

Team Strategy Meeting — Dark PanelsAds, LinkedIn Posts, Website Hero

Hyper-realistic editorial photography. Three diverse South African IT professionals — two women and one man — gathered around a dark boardroom table covered with open laptops showing azure blue (#009BDF) analytics dashboards. All subjects wearing matching Sourceworx midnight navy (#00213F) polo shirts. Background: dark navy (#00213F) vertical slatted acoustic panels, blurred f/1.8 bokeh. Lighting: cool azure blue ambient from multiple laptop screens, deep navy fill shadows. No text overlays. Shot on Canon R5, 35mm f/1.8.

IT Help Desk — Service Desk ProManaged Services Ads, Service Pages, Brochures

Hyper-realistic corporate photography. African IT professional woman in a Sourceworx midnight navy (#00213F) polo shirt seated at a premium help desk workstation. Two ultrawide curved monitors displaying Sourceworx-branded azure blue (#009BDF) IT Service Management (ITSM) dashboards — showing open tickets, SLA timers, live server statuses. Professional headset on. Background: dark midnight navy (#00213F) vertical slatted wall panels, sharply blurred f/1.8. Azure blue screen glow illuminates her face. Clean minimalist desk. Shot 50mm.

NOC Operations Centre — TeamManaged Services, Website Hero, Proposals

Hyper-realistic wide-angle corporate photography. Diverse team of 3–4 South African IT professionals in a Network Operations Centre (NOC). All wearing Sourceworx midnight navy (#00213F) polo shirts. Large wall-mounted screens behind them displaying live network maps, server health dashboards, azure blue (#009BDF) incident monitoring UI. Dark room — primary light source is azure blue from screens. Cinematic colour grade. Shot on Canon R5, 24mm f/2.8. No text overlays.

Executive Leadership PortraitLinkedIn Profile, Press Releases, Media Kits

Hyper-realistic cinematic portrait photography. African female executive in a sharp midnight navy (#00213F) structured blazer over a crisp white shirt, seated at a dark boardroom table, hands clasped, looking directly into camera with calm authority. Background: dark midnight navy (#00213F) vertical slatted acoustic panels, ultra-smooth f/1.2 bokeh. Azure blue (#009BDF) rim light traces the left shoulder and jaw. Warm skin tones. Premium editorial style. Shot on Sony A7III, 85mm f/1.2.

Server Room — Data InfrastructureCybersecurity Ads, Managed IT Pages, Proposals

Hyper-realistic architectural photography. Premium enterprise data centre server room. Long corridor perspective: rows of 42U server racks, cable management trays with sorted navy and azure blue cables, enterprise switches with azure blue (#009BDF) LED port indicators. Ambient room light: deep midnight navy (#00213F). Azure blue LED accent strips creating parallel blue light trails in perspective. No people. Ultra-clean. Deep focus f/8. Shot on Canon R5, 24mm. No text, no logos.

Business Handshake — Partnership CloseCase Studies, LinkedIn, Ad Campaigns

Hyper-realistic corporate editorial photography. Two South African professionals shaking hands firmly across a dark boardroom table. Both wearing Sourceworx midnight navy (#00213F) polo shirts. Mid-ground: open laptops with azure blue (#009BDF) business proposal UI on screens. Background: dark midnight navy (#00213F) vertical slatted panel feature wall, blurred f/1.8 bokeh. Azure blue ambient light from laptop screens. Cinematic grade. Shot on Sony A7III 50mm f/1.8. No text.

Solo Tech Professional — Deep WorkEmail Headers, LinkedIn Posts, Blog

Hyper-realistic corporate editorial photography. African professional man in Sourceworx midnight navy (#00213F) polo shirt leaning slightly toward a laptop, focused on screen. Laptop screen: azure blue (#009BDF) code editor or network configuration interface. Background: dark midnight navy (#00213F) vertical slatted acoustic panel wall, blurred f/1.4 bokeh. Azure blue screen glow illuminates face and hands. Premium mechanical keyboard, minimalist dark desk setup. Shot on Sony A7III 85mm f/1.4.

IT Engineer — Standing Desk SetupRecruitment, LinkedIn, Website About

Hyper-realistic corporate editorial photography. African male IT engineer in Sourceworx midnight navy (#00213F) polo shirt standing confidently at a height-adjustable desk, arms crossed. Three ultrawide curved monitors showing azure blue (#009BDF) network topology dashboard, server monitoring metrics. Background: dark midnight navy (#00213F) vertical slatted wall panels, deeply blurred f/1.4. Server rack partially visible to the right. Shot on Canon R5 50mm. No text overlays.

Client Consultation — On-Site VisitLinkedIn Posts, Website, Case Studies

Hyper-realistic corporate editorial photography. Two South African professionals in a consultation at a boardroom table — one in a Sourceworx midnight navy (#00213F) polo shirt (the IT consultant), one in a navy business suit (the client). Consultant pointing at an open laptop screen showing azure blue (#009BDF) infrastructure diagram. Background: dark midnight navy (#00213F) vertical slatted panel feature wall, blurred f/1.8. Cinematic grade. Shot 50mm f/1.8. No logos.

### Mandatory Visual DNA

Panel Colour

Dark midnight navy (#00213F) vertical slatted panels — always blurred bokeh behind the subject.

Attire

All people wear Sourceworx midnight navy (#00213F) polos, branded jackets, or navy business suits.

Colour Grade

Midnight Blue #00213F shadows + Azure Blue #009BDF screen or ambient accents on every shot.

Depth of Field

Shallow — f/1.4–f/2.8. Subject sharp, navy panels and background always soft and blurred.

Lighting

Azure blue screen or monitor glow as key light. Deep navy fill shadows. No harsh flash.

Tech Context

Always include tech props: monitors with blue UI, server racks, laptops, headsets, dashboards.

Lens

50mm–85mm equivalent. Cinematic portrait perspective — never wide angle distortion.

No Overlays

No text, no logos, no UI mockups on the photo itself. Keep images clean and pure.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

07

# Social Media & Website

Every pixel is intentional. Modern sophistication with dynamic energy — consistent rounded edges, seamless micro-interactions, and a design language as precise as our brand promise.

01 · The Grid

## Everything aligns to the logo. No exceptions.

The Sourceworx visual framework is anchored by a single invisible rule: every element on every page shares the same left-edge grid line as the logo in the navigation bar.

The Rule — Memorise It

```
max-width: 1280px (max-w-7xl)
padding-left: 24px (px-6)
padding-right: 24px (px-6)
margin: 0 auto
```

This container applies to the navbar, every page section, every hero block, and the footer. Nothing sits outside it.

Your Partner in Performance

## Technology that performs for South Africa.

Enterprise-grade managed IT. 17+ years. 70+ certified engineers. 24/7 NOC/SOC. Built for the realities of South Africa.

Talk to us →Our Services

Left-aligned content · Max-width container · Generous vertical breathing room

02 · Look & Feel

## Website design language.

Modern sophistication with dynamic energy. The Sourceworx website is a proof of capability.

Corner Radius

Cards: 16px. Images: 16px. Inputs: 8px. Buttons: 999px (pill). Section containers: 16–24px.

Whitespace

Section padding: 80px top/bottom (desktop). 40px (mobile). Between elements: 24–32px. Never compress.

Shadows

Cards at rest: shadow-sm. Cards on hover: shadow-xl. Nav on scroll: shadow-sm.

Noise Texture

All dark gradient backgrounds apply a 3–5% noise overlay. Prevents banding. Makes gradients feel premium.

Motion

Subtle and purposeful. No decorative animation. All motion communicates state or focus — never distraction.

Imagery Rule

People-first. African professionals. Navy panel bokeh. Azure screen glow. Never generic stock.

![Desktop mockup](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/c9b7ab9c1_FreeiMacMockup.png) ![Mobile mockup](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/252b5e5f9_iPhone14profree.png)

03 · Page Anatomy

## Every landing page follows this structure.

This is the blueprint for sourceworx.co.za and all campaign landing pages.

01

**Navigation Bar**White

Fixed · 64px height · Logo left · Grouped dropdown nav centred · CTA pill right · Shadow-sm on scroll

02

**Hero / Above the Fold**Midnight Blue

Full-viewport · Gradient overlay · Eyebrow label pill · H1 bold · Subtitle · Two CTA buttons

03

**Services Overview**White

3-column icon cards · Hover elevation · Azure number label · Short outcome-led copy

04

**Stats / Counter Strip**Midnight Blue

4-column animated counters · Large white number · Azure suffix · Small grey label · No borders

05

**CTA Banner**Azure Blue

Full-width · White headline · One white outline pill button · No decoration — pure conversion

06

**Footer**Midnight Slate

Logo top-left · Nav columns · Status indicator · Copyright base strip

04 · Typography

## Inter. One typeface. Six roles.

All Sourceworx web and digital surfaces use **Inter** exclusively. Sharp, legible, and inherently modern — the rounded letterforms echo the infinity-infused X in the logo.

Display / H1

Inter · 700–800 · 56–80px · tracking: -0.02em

Your Partner in Performance.

Heading / H2

Inter · 700 · 36–48px · tracking: -0.015em

Technology that performs for South Africa.

Subheading / H3

Inter · 600 · 20–28px · tracking: -0.01em

Managed IT · Cloud · Cybersecurity · NOC/SOC

Body / Large

Inter · 400 · 18–20px · tracking: 0

We combine deep technical expertise with strategic business insight.

Body / Base

Inter · 400 · 15–16px · tracking: 0

Sourceworx manages the technology environments that South African businesses cannot afford to lose.

Label / Caption

Inter · 600 · 11–12px · tracking: 0.1em

MANAGED IT SERVICES · EST. 2007

Web Import

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

CSS Variable

--font-inter: "Inter", system-ui, -apple-system, sans-serif;

Fallback Stack

font-family: var(--font-inter); /\* system-ui fallback on slow loads \*/

05 · Colour on Screen

## 60 · 30 · 10 — the digital colour rule.

Every web page, social post, email, and banner should reflect this ratio. Midnight Blue commands authority (60%). Azure Blue drives action (30%). Sky Blue provides energy and contrast (10%).

Midnight Blue — Primary 60%

#00213F · Backgrounds, text, nav, footer

Azure Blue — Secondary 30%

#009BDF · CTAs, links, accents, icons

Sky Blue — Accent 10%

#20BCED · Highlights, hover states, badges

Pure White

#FFFFFF · Page backgrounds, card surfaces, reversed text

Cloud White

#F8F8F8 · Section alternates, input backgrounds

Charcoal

#6A6A6A · Body copy, captions, secondary labels

60% — Midnight Blue · Dominant

30% — Azure Blue · Action

10% — Sky Blue · Accent

Gradient Recipe — Digital Surfaces

background: linear-gradient(135deg, #00213F, #009BDF);

background: linear-gradient(135deg, #009BDF, #20BCED);

06 · Imagery on Digital

## Image types. Formats. Rules.

Every image on the Sourceworx website and social channels must reinforce three things: people, performance, and precision.

People-first

#### Hero Images

African professionals in Sourceworx navy polos. Dark slatted panel background blurred bokeh. Azure blue screen glow. 85mm f/1.4 portrait perspective.

Gradient + noise

#### Section Backgrounds

Midnight navy to transparent gradients with subtle noise texture. Never flat colour. Always directional — top-to-bottom or diagonal.

1080×1080

#### Social Posts (1:1)

1080×1080px. White card or navy gradient. Brand X watermark corner. Logo top-right or bottom-left. No more than 2 typefaces per post.

1584×396

#### LinkedIn Cover

1584×396px. Dark navy gradient left. Brand positioning statement centred. Horizontal light logo top-right. Always export @2x.

2560×1440

#### Web Hero

Full-bleed 2560×1440px. Cropped to show person right-of-centre. Left half reserved for headline copy overlay. Azure blue rim light visible.

Lucide · 2px stroke

#### Icons & Illustrations

Lucide icon set (2px stroke, rounded caps). Brand blue fill variants. No gradients on icons — single colour only. Min 24px at 1× density.

Charts · Flat

#### Data Visualisations

Bar and line charts: midnight navy bars, azure blue accent highlight, cloud white background. No 3D effects. Labels in Inter 12px/600.

16:9 thumbnails

#### Video Thumbnails

Dark hero still frame + lower-third title card. Pill badge top-left with vertical label. Always include horizontal logo.

### Approved Social Templates

![Technology for Africa](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/50d828dbb_1773298801273.jpg)

**Technology for Africa**

![Leadership Magazine feature](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/1df377cb4_1775635205506.jpg)

**Leadership Magazine feature**

![Your Partner in Performance](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/c0388a937_1773729001455.jpg)

**Your Partner in Performance**

**Source-Zoom:** All images apply a 1.05× scale on hover. Container must have overflow: hidden. Transition: transform 500ms ease-out.

07 · Interactions & Micro-Animations

## Every hover is intentional.

Interactions signal quality. The Sourceworx interaction system is restrained and purposeful — nothing animates unless it communicates.

Source-Zoom

Images scale to 1.05× on hover — slow ease-out (500ms). Never exceed 1.08×. Overflow hidden on container.

Button Lift

Pill CTAs translate -2px (Y) on hover + subtle box-shadow increase. Duration 200ms ease. Colour shifts azure → midnight.

Card Elevation

White cards: shadow-md → shadow-xl on hover + -4px Y translate. Duration 300ms ease. Border stays visible.

Link Underline

Text links grow a 1px azure underline from left-to-right on hover. 200ms ease. Never show default underline at rest.

Nav Highlight

Active nav items: text-sw-azure. Hover: opacity 100% from 70%. No background highlight on desktop — pill dropdowns only.

Scroll Entrance

All sections animate in: opacity 0→1, Y 30px→0, duration 600ms, ease-out. Once only. Stagger 70ms per child.

Stat Counters

Numeric stats count up from 0 when scrolled into view. Duration 2000ms linear. Always show suffix (+ or %) from frame 1.

Section Transitions

Dark → light sections: always use a hard edge (never gradient bleed). The contrast itself signals the narrative shift.

### Live Demos — Hover Everything

All eight interaction patterns from the Sourceworx system — interactive and live.

01 · Button Lift

#### Pill CTA Buttons

Hover each button. Primary lifts + turns midnight. Outline fills azure. Ghost gets azure tint.

Talk to us →

Our Services

Get a Quote

Learn more

02 · Source-Zoom

#### Image Hover Zoom

Hover the image. 1.05× scale, 500ms ease-out. Container clips the overflow.

![Source-Zoom demo](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/c0388a937_1773729001455.jpg)

03 · Card Elevation

#### Card Hover Lift

Hover the card. Lifts -4px, shadow deepens to shadow-xl, 300ms ease.

Managed IT Services

24/7 monitoring and support for your entire technology environment.

04 · Link Underline

#### Animated Text Links

Hover each link. Azure underline grows left-to-right, 200ms ease. No underline at rest.

View our Managed IT Services → Download Brand Guidelines → Read the Messaging Framework →

05 · Nav Highlight

#### Navigation Hover State

Services is active (azure). Hover the others — they shift from 50% deep to full azure, 200ms.

![logo](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

Services Solutions About Contact

Get in Touch

Logo left · Nav centred · CTA pill right — matches brand grid

06 · Stat Counters

#### Animated Number Count

Numbers count from 0 on scroll into view, 2000ms. Once per session.

0+

Years SA

0+

Engineers

0/7

NOC/SOC

07 · Scroll Entrance

#### Fade In from Y+30px

Scroll down to hide this card, then scroll back up. It fades in from below, 600ms ease-out.

✓ Entrance animated

Scroll away and back to replay

08 · Section Transitions

#### Hard Edge Dark ↔ Light

Dark → light sections always use a hard edge. The contrast signals the narrative shift — no gradients between sections.

Dark Section — Midnight Blue

Technology that performs.

17+ years · 70+ engineers · 24/7 NOC

Light Section — White

Managed IT · Cloud · Cybersecurity

Hard edge + azure accent strip separates the sections

09 · Counter Strip

## Numbers count up. Once. On scroll.

17+

Years in South Africa

Est. Johannesburg 2007

70+

Certified Engineers

Cisco · Fortinet · Microsoft

24/7

NOC/SOC Operations

Real-time monitoring

5

Target Verticals

SA market specialisation

10 · Navigation Bar

## Fixed. 64px. White. Logo left.

The navigation bar is fixed, always white. The logo sits at the left edge of the max-w-7xl container — the same grid edge as every page headline.

Logo Specs

VersionHorizontal dark (on white nav)

Height32px (h-8)

PositionLeft — flush to container edge

Nav Items

FontInter 500 · 14px

At restsw-deep / 70%

On hoversw-deep (100%)

Active pagetext-sw-azure

CTA Button

ShapePill (border-radius: 999px)

Backgroundsw-sky → sw-azure on hover

FontInter 600 · 14px · white

Navigation — Do

✓

Logo always at the left edge of the max-w-7xl container.

✓

Grouped dropdowns for 5+ nav items.

✓

CTA button always present and right-aligned on desktop.

✓

Add shadow-sm when user scrolls past 20px.

✓

Mobile: full-screen overlay menu with grouped sections.

Navigation — Don't

✗

Never centre the logo.

✗

Never use a coloured navbar background.

✗

Never remove the CTA pill button.

✗

Never use a sidebar navigation on the marketing site.

✗

Never hide nav items behind a hamburger on desktop.

11 · Landing Pages

## Campaign landing pages — the blueprint.

Single goal. Single CTA. No navigation bar. Every campaign landing page follows a strict template to maximise conversion.

01

#### No Top Nav

Logo only (left-aligned) or logo + phone number. Remove all exit points except the CTA.

02

#### Single CTA

One conversion goal. One CTA colour, one button label, one form. Multiple options dilute conversion.

03

#### Vertical-Specific Copy

Use the correct vertical messaging block. Financial Services gets SARB language. Municipalities get MFMA language.

04

#### Trust Signals Above Fold

Logo, ISO badges, B-BBEE level, and "17+ years" must appear within the first screenful.

05

#### Social Proof

At least one client quote or case study result. Format: large pull-quote, company logo, person name/title.

06

#### UTM & Analytics

Every URL must carry UTM parameters. Track source, medium, campaign, and vertical. Fire a custom event on CTA click.

12 · LinkedIn Brand Presence

## 4K+ followers. Every post a brand touchpoint.

The Sourceworx LinkedIn page is the primary social brand asset. Every element follows the framework.

### Profile Setup Standards

Profile ImageLogo mark on white circle — 400×400px min

Cover Banner1584×396px · Navy gradient · Tagline centred · Light logo top-right

Tagline"Your Partner in Performance" — verbatim

About SectionOpens with P1. States verticals. ISO credentials in closing line.

Post Format1:1 (1080×1080px) — white card or navy gradient

Hashtags#Sourceworx #ManagedIT #SouthAfrica — max 5

Post CadenceMin 3× per week. Mix: thought leadership · result · team

![LinkedIn Brand Presence](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/de0eb9a1f_WhatsAppImage2026-05-03at201548.jpg)

08 · Message Hierarchy on Web

## The order in which we build the case.

Every landing page must follow the P1→P2→P3 structure from the Sourceworx Brand Messaging Framework.

P1

Primary

#### Technology that performs for South Africa.

The hero headline. Outcome-led. One clean sentence. State the transformational promise, not the service category.

P2

Secondary

#### Built-in compliance, 24/7 NOC, and 17+ years of SA-specific expertise.

The trust builder. Addresses the decision-maker's primary fear — "will this partner actually understand my environment?" — before it is asked.

P3

Supporting

#### ISO 27001 · ISO 9001 · Level 1 B-BBEE · Fortinet Authorised Partner.

The credentials closer. Never lead with these — they close the conversation, not open it.

13 · Rules Summary

## Do. Don't. No grey area.

Always Do

✓

Left-align all content to the same grid edge as the logo — max-w-7xl, px-6 padding.

✓

Use Inter font across all web and digital surfaces — Bold for headlines, Regular for body.

✓

Apply pill-shaped (border-radius: 999px) to all primary CTA buttons.

✓

Use noise-texture gradients for dark section backgrounds — never flat solid colour.

✓

Keep whitespace generous — minimum 80px vertical section padding on desktop.

✓

Use the 60-30-10 rule: midnight blue dominant, azure secondary, sky blue accent.

✓

Follow the P1→P2→P3 message hierarchy on every page and every ad format.

Never Do

✗

Never mix left-aligned and centred text in the same section — pick one.

✗

Never use more than 2 typefaces on a single page — Inter only for all UI text.

✗

Never apply flat solid colour backgrounds — always gradient with noise texture.

✗

Never put the logo on the right side or centred in the navbar.

✗

Never use sharp-cornered buttons — all interactive elements must use rounded/pill.

✗

Never lead with credentials — ISO certs and B-BBEE are P3 supporters, not headlines.

✗

Never use stock images with non-African subjects or non-brand environments.

14 · Design Principles

## Six principles that govern every decision.

If a design decision cannot be justified by at least one of these six principles, it is wrong for Sourceworx.

01

#### Alignment is Trust

When everything aligns to the same grid — logo, headline, body, button — the brand feels precise and reliable. Misalignment signals carelessness.

02

#### Whitespace is Confidence

Premium brands breathe. Cramped layouts signal budget. Generous whitespace positions Sourceworx as an enterprise partner.

03

#### Outcome Over Feature

Headlines describe what the client gains, not what Sourceworx provides. "Technology that performs" beats "Managed IT Services" every time.

04

#### People Over Infrastructure

Images show African professionals succeeding — not server racks. The infrastructure is implied. The human impact is what resonates.

05

#### Motion Communicates

Every animated element serves a purpose — it signals state (hover), focus (entrance), or progress (counter). Decorative motion is never approved.

06

#### Specificity Builds Credibility

General claims erode trust. Name the regulation. Name the system. Name the result. "SARB-compliant monitoring" beats "enterprise security".

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

08

# Brand Voice

How Sourceworx speaks — to engineers, to executives, and to the market. High-precision. Context-aware. Outcomes-led.

![Brand Voice](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/521ba38cb_generated_image.png)

> "We don't just solve IT problems. We remove the obstacles between your people and their best work."
> 
> — Sourceworx Brand Promise

## The Three Voice Pillars

### Outcomes-Led

Communications must emphasise measurable outcomes over generic feature lists. Every claim must connect to a business result.

Examples

- "Reduced average response time to under 15 minutes"
- "30% average IT cost savings across client portfolios"
- "99.9% uptime delivered across managed environments"

### Context-Aware

Solutions are specifically tailored for real-world African conditions such as load-shedding resilience, POPIA compliance, and B-BBEE requirements.

Examples

- "Built for Stage 6 load-shedding environments"
- "SD-WAN configured for South African last-mile realities"
- "POPIA-native data handling — not retrofitted compliance"

### High-Precision Language

Use exact technical terminology with technical buyers. When speaking to executives, translate the technology into business outcomes.

Examples

- "CI/CD implementation with GitOps pipeline architecture"
- "Application-aware policy controls via SD-WAN overlay"
- "Zero-trust network access (ZTNA) with identity-based segmentation"

## Voice Principles — How We Sound

### Direct.

We say what we mean without filler. No "leveraging synergies". No "holistic ecosystems".

### Confident.

17 years and 70+ technical specialists behind every claim. We do not hedge unnecessarily.

### Warm.

We are professionals, not corporates. We write to people, not at organisations.

### Specific.

Generalities erode trust. We name the regulation, the system, the use case.

"Speak to outcomes. Always."

### ✓ Say This

✓

Measurable results / quantified outcomes

✓

Built for South Africa / designed for African conditions

✓

ISO-certified / POPIA-compliant processes

✓

Named regulations (SARB, FSCA, MFMA, POPIA)

✓

Specific metrics (< 15min response, 99.9% uptime)

✓

Accountable, reliable, proven

### ✗ Never Say This

✗

World-class (unless quoting a third party)

✗

Cutting-edge or next-generation

✗

Solutions provider or solutions company

✗

End-to-end solutions (say what it actually is)

✗

Disruptive or revolutionary

✗

Best-of-breed technologies

Every word we write is accountable to our clients' outcomes.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

09

# Uniform & Apparel

Precision branding on fabric. Professional yet approachable. Team members as brand ambassadors.

Use Midnight Blue (#00213F) as the primary colour for all tops and outerwear. The Sourceworx logo is applied via **embroidery only** — left chest position.

Gender-Specific Cuts — Mandatory

Male team members wear male-cut apparel; female team members wear female-cut apparel.

### Placement Rules

Left Chest

Primary — "The Heart". Horizontal logo. Embroidery only.

Nape of Neck

Secondary — "The Vision". Logo mark only.

Pants

No branding. Stone/khaki chino stretch — unbranded.

### Embroidery vs Print

Embroidery ✓

All tops and outerwear. Premium, durable, approved.

Screen Print ✓

Casual / event wear only with written approval.

Heat Transfer ✗

Not approved — peels with washing.

Sublimation ✗

Not approved for standard uniform.

## Men's Range

Male-cut apparel — mandatory for male team members in all client-facing roles.

![Golf Shirt](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/2bd8d9002_MensGolfer.png)

Golf Shirt

Embroidered left chest logo

![Softshell](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/fa967d7b2_MensSoftshellJackets.png)

Softshell Jacket

Embroidered left chest logo

![Jersey](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/2b08996db_Mens1_4ZipWaverleyJersey.png)

¼ Zip Jersey

Embroidered left chest logo

![Puffer](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/1f57c1eb3_MensPufferJackets.png)

Puffer Jacket

Embroidered left chest logo

![Chino](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/f0740189d_MensChinoStretch.png)

Chino Stretch Pants

No branding — stone / khaki

## Women's Range

Female-cut apparel — mandatory for female team members in all client-facing roles.

![Golf Shirt](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/a85d1f153_WomensGolfer.png)

Golf Shirt

Embroidered left chest logo

![Softshell](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/7aa1cb988_LadiesSoftshellJackets.png)

Softshell Jacket

Embroidered left chest logo

![Cardigan](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/890f7c94d_LadiesCardigan.png)

Cardigan

Embroidered left chest logo

![Puffer](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/83612dd1e_WomensPufferJackets.png)

Puffer Jacket

Embroidered left chest logo

![Chino](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/1288b5ddb_LadiesChinoStretch.png)

Chino Stretch Pants

No branding — stone / khaki

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

10

# Vehicle Branding

Cost-effective precision branding that transforms company vehicles into mobile brand ambassadors.

Adopt a subtle, cost-effective approach to vehicle branding. For optimal brand visibility, prioritise white or blue vehicles that complement our colour palette. Apply the Sourceworx logo mark strategically on doors, tailgates, or rear windows using high-quality vinyl decals.

For darker coloured vehicles, use the alternate white or light version of the logo. **This minimalist approach delivers strong brand visibility while significantly reducing application and maintenance costs compared to full vehicle wraps.**

### Application Guidelines

White vehicle

Use Dark logo (Horizontal) · Doors — centred

Blue vehicle

Use Light logo (Horizontal) + tagline · Door centre + rear tailgate

All vehicles

Include "Your Partner in Performance" · Under logo mark

![White vehicle](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/820aca27d_SourceworxVehicleWhite.png)

White Vehicle — Dark Logo on Door

![Blue vehicle](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/ad803bf59_SourceworxVehicleBlue.png)

Blue Vehicle — Light Logo + Tagline

![Caddy side](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/2e84835c0_Caddy1.png)

VW Caddy — Side Profile with Partial Wrap

![Caddy rear](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/f8568c0e0_Caddy2.png)

VW Caddy — Rear with X Mark Graphic

### Partial Wrap Architecture

For premium wrap applications: 40% of the vehicle (the rear section) is wrapped in Midnight Blue with the Sourceworx "X" mark scaled to overflow the rear edges, while the front remains in the vehicle's original colour for a high-velocity, dynamic contrast look.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

11

# Branded Display

Gazebos, flags, banners and exhibition materials — outdoor vs indoor rules for colour background selection.

## Outdoor Display Materials

Always use dark backgrounds for outdoor items — dirt control and weather resilience.

**Mandatory Rule:** All outdoor display materials must use a dark background (Midnight Blue #00213F or gradient) to withstand environmental exposure and maintain brand integrity in outdoor conditions.

### Gazebo / Marquee

Dark background

Dirt, weather exposure, and sun damage control. Light backgrounds show staining rapidly outdoors.

### Pull-Up Flags

Dark background

Flags move in wind — dark base reduces uneven fading and maintains visual impact from distance.

### Outdoor Banners

Dark background

Exposed to elements. Dark backgrounds hide weathering and maintain professional appearance longer.

## Indoor Display Materials

White or dark — both acceptable indoors, as long as brand colours are maintained.

### Roller Banners

White OR Dark background

Controlled environment. Either background works if brand colour proportions (60-30-10) are respected.

### Reception Banners

Light preferred

Clean, professional first impression. Matches typical office interior palettes.

### Conference Booth Backdrops

Dark gradient + noise texture

Commanding presence in conference environments. The noise gradient creates premium cinematic quality.

Indoor — White Background

![Dark logo](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

Your Partner in Performance

Indoor ✓

Indoor — Dark Gradient

![Light logo](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/89ea78585_SourceworxHorizontal-Light.png)

Your Partner in Performance

Indoor ✓

## Branded Display Examples

![Pull-Up Banner](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/c577c192f_PullUpBanner.png)

Pull-Up Banner

White background — horizontal logo top — team photography framed within X mark shape

![Exhibition Stand](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/d57231960_ExhibitionStand1.png)

Exhibition Stand

Dark gradient backdrop with X mark overlay — team portraits — branded counter pod with tagline

![Gazebo](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/0dd6260c6_GazeboMockup.png)

Gazebo / Marquee

Midnight Blue canopy — horizontal light logo on valance and back wall

## Brand Standards for Display Materials

Every branded display item must uphold these standards without exception.

### ✓ Always Do

✓

Use the current official Sourceworx logo — always sourced from the brand team

✓

Ensure the logo contrasts strongly against its background for maximum visibility

✓

Use the light (white) logo on dark backgrounds; use the dark logo on light backgrounds

✓

Adhere to brand colours: Midnight Blue (#00213F), Azure Blue (#009BDF), Sky Blue (#20BCED)

✓

Use only high-resolution photography — minimum 300 DPI for print production

✓

Follow the 60-30-10 colour distribution rule across all display materials

### ✗ Never Do

✗

Do not use the old Sourceworx logo or any unofficial logo variants

✗

Do not stretch, squash, skew, rotate, or distort the logo in any way

✗

Do not recolour, apply gradients to, or add effects to the logo

✗

Do not use low-resolution, pixelated, or compressed images on branded display

✗

Do not use off-brand colours, gradients, or typefaces not specified in the brand guidelines

✗

Do not crowd the layout — white space and intentional placement are essential

## Supplier Specifications & Production Notes

This section is for suppliers appointed to manufacture branded display materials. All production must adhere to these specifications to maintain brand integrity.

File Format

Always request AI or PDF (vector) files from the brand team. Never scale raster images for large-format print.

Colour Mode

All print production must use CMYK values as specified in the Brand Colours section. Request colour proofs before full production.

Minimum Logo Size

Logo mark minimum 25mm on any printed material. Horizontal logo minimum 60mm width.

Clear Space

Maintain clear space equal to the logo mark height on all four sides of the logo at all times.

Material Specification

Outdoor materials: UV-resistant inks on 440gsm PVC or comparable. Indoor: 200gsm+ matt or gloss as appropriate.

Proof Approval

All proofs must be approved by the Sourceworx Marketing Team before production commences. No exceptions.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

12

# Logo in Spaces

Physical environments where the Sourceworx brand lives — from reception to the road.

Our logo should be prominently displayed in physical environments to reinforce brand presence and create a cohesive experience.

### Reception Areas

Floating Glass execution — laser-cut acrylic mounted 20mm off the wall with LED backlighting creating a premium shadow-gap effect. Min. size: 600mm width.

### Meeting Rooms

Frosted vinyl on glass partitions. Logo mark only (no wordmark). Min. size: 200mm. Positioned top-left of partition at eye height.

### Directional Signage

Black placard with horizontal light logo. Arrow directional element aligned left. "Your Partner in Performance" tagline beneath.

### Building / Pylon Signage

Logo mark + wordmark on branded panel. High contrast — logo must always be clearly readable against background.

### Exhibition Stands

See Branded Display guidelines. Conference booth backdrop — dark gradient with noise texture.

### Workspace Walls

Brand statements or the mission/vision in oversized typography on feature walls. Use Midnight Blue wall colour where budget allows.

![Boardroom](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/a7272cf62_OfficeBoardroom.jpg)

Boardroom Wall Signage

Horizontal logo on Midnight Blue feature wall — meeting room application

![Dark signage](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/791fed8a5_SignageBlackFull.jpg)

Building Signage — Dark

White logo on black illuminated blade sign — building exterior

![Glass signage](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/af35c967d_GlassMockupSignage.jpg)

Floating Glass Acrylic

Vertical logo on frosted acrylic panel — reception & office entry

![Pylon](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/8c4130de8_AdStand.jpg)

Pylon / Ad Stand

Vertical logo on dark pylon display — external wayfinding signage

![Light signage](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/b6c7a13ce_SignageWhite.jpg)

Building Signage — Light

Dark logo on white illuminated blade sign — building exterior

![Brand Blue signage](https://media.base44.com/images/public/69f78e69c8e723ca846ca3c9/20a354dc0_SignageBlack.jpg)

Building Signage — Brand Blue

Azure blue logo on dark blade sign — premium exterior variant

![X](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/1a6eef33f_Favicon.png)

### Floating Glass Standard

In office environments, the preferred logo application is "Floating Glass" — laser-cut acrylic mounted 20mm off the wall surface with concealed LED backlighting. This creates a premium shadow-gap effect that communicates precision and sophistication. All logo files for acrylic cutting must be sourced as AI vector files from the Sourceworx Marketing Team.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

13

# Iconography

Clean, minimal line-stroke icons — consistent weight, on-brand colour, always optically centred.

### IT Services

IT Service Desk

Cybersecurity

Cloud Services

Network

Infrastructure

Data Management

### Operations

Managed IT

Support

Backup & DR

Storage

SD-WAN

Incident Mgmt

### Business & Compliance

Compliance

Security

Analytics

Team

Performance

ISO Certified

SLA / Uptime

Reporting

Download

Always-On

Verified

Certified

### Communication & Contact

Email

Phone

Chat

Website

Live Chat

Campaign

### Projects & Delivery

Schedule

Task List

Monitoring

Response Time

Onboarding

Knowledge Base

Previous

Next

Info

Package

Developer

Remote Mgmt

### Icon Usage Guidelines

Style

Clean, minimal line-stroke icons at 1.5px weight. No filled icons.

Light Backgrounds

Use Midnight Blue (#00213F) or Azure Blue (#009BDF).

Dark Backgrounds

Use Sky Blue (#20BCED) or White (#FFFFFF).

Sizing

Minimum 24px, recommended 32px, maximum 48px. Always optically centred.

Library

Lucide Icons is the approved icon library for all digital applications.

Accessibility

All interactive icons must have aria-label attributes. Focus ring: Sky Blue #20BCED.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team

14

# Download Centre

Official brand assets, logos, fonts, photography and templates — ready to download and use.

## Logo Assets

3 assets

![Horizontal Dark](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

#### Horizontal Logo — Dark

Dark version on white/light backgrounds. PNG with transparency.

PNG

[⬇ Download](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/067872b1c_SourceworxHorizontal-Dark.png)

![Horizontal Light](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/89ea78585_SourceworxHorizontal-Light.png)

#### Horizontal Logo — Light

White version for dark backgrounds. PNG with transparency.

PNG

[⬇ Download](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/89ea78585_SourceworxHorizontal-Light.png)

![Favicon](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/1a6eef33f_Favicon.png)

#### Favicon / Logo Mark

Square icon mark only. For favicons, app icons, profile photos.

PNG

[⬇ Download](https://media.base44.com/images/public/user_69c62a506dcfc27a04419bdf/1a6eef33f_Favicon.png)

## Fonts & Typography

Aa

#### Plus Jakarta Sans — Variable Font

Primary brand typeface. All weights (300–800). Google Fonts open licence.

TTF

[↗ Open Font Page](https://fonts.google.com/specimen/Plus+Jakarta+Sans)

Aa

#### Inter — Variable Font

Secondary / UI typeface. All weights. Google Fonts open licence.

TTF

[↗ Open Font Page](https://fonts.google.com/specimen/Inter)

Additional Assets

### Photography, AI Imagery, EPS & SVG Files

For access to team photography, AI-generated brand imagery, high-resolution EPS vector files, SVG assets, and other brand materials — please contact the Sourceworx Marketing Department directly.

[Contact Marketing](mailto:communications@sourceworx.co.za)

communications@sourceworx.co.za

## Icon SVG Files

24 icons

Download individual icon SVG files in brand colours for use in presentations, documents, and designs.

### Usage Guidelines

Brand Integrity

Never alter, distort, or recolour the Sourceworx logo. Use only approved colour versions.

Authorised Use Only

Assets are for official Sourceworx communications only. Not for third-party use without written approval.

Need Something Else?

Contact [communications@sourceworx.co.za](mailto:communications@sourceworx.co.za) for additional assets, high-res files or custom requests.

© 2026 Sourceworx (Pty) Ltd. All rights reserved.

Designed & Compiled by Sourceworx Marketing Team