The HOSI Style Guide

Our Brand Style.

How the brand looks, on every surface. The shield, the palette, the type, the textures. Cream-forward, navy-grounded, copper for emphasis. Every visual decision pre-answered, in one system.

Style Guide v1.0 · Ported from the HOSI Brand Book · Open Sans · IBM Plex Mono · Start at Identity
Clear Space & SizingBrand Design

Give it room
to stand.

Clear space is the minimum protected area around the mark. Nothing enters this zone: not text, not image, not the edge of the page, not a competing element.

Clear space
Minimum size

Print: full lockup never below 32 mm wide. Digital: never below 190 px. Shield only: 16 mm / 40 px.

Backgrounds

On cream or white use the full-colour lockup. On navy use the white lockup. On copper use the navy lockup. On photography, place over a calm, low-contrast area.

Logo Don'tsBrand Design

Ways the mark
should not be used.

Consistency is what builds trust, and trust is the product. Do not stretch, recolour, rotate, decorate, or otherwise reinterpret the mark.

×
Don't stretch
×
Don't tilt
×
Don't recolour
×
Don't add effects
×
Don't crowd
×
Don't place on busy
Colour PaletteBrand Design

Navy spine,
copper charge.

Navy holds the structure. Cream is the canvas. Copper is the single charge, and the copper gradient is the one emphasis device, reserved for the phrases that need to land. Anchored on the official HOSI CMS colours.

Copied
Primary
Navy
HEX 19272F
RGB 25 / 39 / 47
Copied
Secondary
Copper
HEX D67D4A
RGB 214 / 125 / 74
Copied
Background
Cream
HEX F9F4EB
RGB 249 / 244 / 235
Copied
Lift
Light Copper
HEX ED9A5E
Copied
Emphasis
Deep Copper
HEX A85A2E
Copied
Warm canvas
Sand
HEX FBEAD8
The Gradient · linear-gradient(135deg, #ED9A5E, #D67D4A, #A85A2E) · emphasis only
Tap any swatch to copy its hex · Download tokens CSS variables JSON
TypographyBrand Design
Open
Sans
Brand face · Headings, body & UI
RegularMediumSemiBoldBoldExtraBold

Open Sans is the HOSI typeface. It carries every heading and every line of body copy. Emphasis is the copper gradient on upright Open Sans, never italic.

Open Sans (.ttf) Free · SIL Open Font License
aaa
IBM Plex
Mono
Metadata · Eyebrows, labels & figures
MediumSemiBoldBold

IBM Plex Mono is the system's metadata voice, used for eyebrows, labels, source lines and figures. It signals the precision of a security and data business.

IBM Plex Mono (.ttf) Free · SIL Open Font License
aaa
SurfacesBrand Design

The surfaces.

Four surfaces, each with a role. Cream recedes and lets content lead. Navy earns weight and focus, the SOC and the security moments. Sand warms the storefront. The copper gradient brings energy to feature moments.

Family 01Cream · Primary
Family 02Navy · Focal
Family 03Sand · Storefront
Family 04Copper · Feature
TexturesBrand Design

The textures.

The material language layered on the surfaces. Each texture signals something: structure, energy, focus, depth. Use one at a time and let it earn its place.

01
Dot grid
Structure and system. Behind data, charts and technical surfaces.
02
Copper mesh
The signature gradient mesh. Hero backgrounds and feature moments.
03
PillarsPlatform
Frosted glass
Navigation, pills and floating UI. Light and dark variants.
04
Africa circuit
The continent as a connected, secured network. Covers and hero art.
05
Grain
Subtle noise on navy surfaces. Adds depth so flat dark never reads cheap.
06Glowing shield
Shield glow
The shield lit on navy. Covers, focal headlines and 3D moments.
IconographyBrand Design

The shield, and the set.

A copper line system built from the shield. Even strokes, rounded joins, one weight. The shield is the brand at its smallest; the service set carries the pillars.

Shield mark, line
Line · Copper · in-copy & small
Shield mark, on navy
Solid · On navy · feature & covers
CybersecurityCybersecurity
Data IntelligenceData Intelligence
Enterprise AIEnterprise AI
DevOps & QADevOps & QA
ITSMITSM
HOSI AcademyHOSI Academy
Download · Icon set All icons (.zip)
Voice & ToneBrand Design

How the brand speaks.

HOSI speaks from experience competitors cannot manufacture. Authoritative without arrogance, plain about complex things, African in confidence and global in standard. It names the risk plainly and lets the substance do the lifting.

01

Authoritative

Sixteen years, four ISOs, four countries. The voice carries the weight without performing it.

02

Plain

Explains cyber, AI and compliance in language a CFO can use in a board meeting. Jargon only when it is precise.

03

Grounded

African in confidence, global in standard. No defensiveness, no overclaim. The substance is the proof.

04

Direct

Real risk to real organisations, said plainly. No euphemism, no fear-marketing, no superlatives the substance does not earn.

We say
  • Real cybersecurity is full-stack.
  • Trusted data. Confident decisions.
  • Built for African conditions.
  • Operational, not aspirational.
  • Sovereign AI, inside your environment.
We don't say
  • Best-in-class synergistic solutions.
  • Unlock exponential value.
  • Cutting-edge, world-class, next-gen.
  • Future-proof your journey.
  • Proudly empowered and passionate.
Photography & RendersBrand Design

The visual world.

Real people, real environments, a cool navy grade warmed by copper. Business at scale, the SOC at work, the continent as a secured network. Prompt-ready briefs below: generate, then drop the result into the placeholder.

Africa as a secured data network, hero composition
Brief 01

The SOC at work

Analysts at a 24/7 Security Operations Centre, glowing dashboards, low ambient light warmed by copper screens, candid focus. Navy grade, shallow depth of field. 3:2 ratio.

Brief 02

The continent, secured

Africa rendered as a connected circuit-board network, copper data paths lit against deep navy, nodes pulsing at the four office cities. Premium, dimensional. 16:9 ratio.

Brief 03

The founder

Nicol Mkhacana, confident and composed, considered light, navy backdrop, copper rim light. Editorial, honest, never staged. 4:5 ratio.

Brief 04

The glowing shield

A single glass-and-chrome HT shield floating on a deep navy gradient, studio lighting, soft copper caustics, shallow depth of field. Weighted and modern. 1:1 ratio.

HOSI pinstriped brand texture
ApplicationsBrand Design

The brand
in the world.

One identity across every surface. Website, decks, social and out-of-home all use the same lockup, the same colour logic, the same voice. Only the format changes.

WebsiteHomepage hero
DeckPitch / proposal cover
OOHAirport / billboard
SocialThreat-stat tile
SocialQuote tile
SocialInsight tile