SignOnHost.com — Brand Identity Guide

Colour Palette

Click any swatch to copy the hex code.

Deep Navy

#0A2463

Primary / Brand anchor

Amber Gold

#F4A623

Accent / CTA / Energy

Midnight

#080F20

Dark surfaces / Text

Slate Blue

#6B7A99

Secondary text / Muted UI

Emerald

#1DBF73

Success / Uptime status

Ice Surface

#F7F9FC

Page backgrounds

Cloud Light

#E8EDF7

Cards / Borders

Colour Rationale

Deep Navy — Trust, stability, and authority. Anchors the brand as a serious infrastructure provider.
Amber Gold — Energy, opportunity, and local warmth. A nod to West African vibrancy. Used for CTAs and highlights.
Emerald — Live, online, active. Reserved strictly for uptime indicators and success states.
Midnight — Dark mode surfaces and premium feel. Never used as a replacement for Deep Navy.

Typography System

All fonts are available free on Google Fonts.

Syne Display / Headlines

Google Fonts ↗

Host Your Future

Bold, geometric, and modern. Commands authority without coldness. Perfect for hero headlines and section titles.

DM Sans Body / UI Text

Google Fonts ↗

Reliable Nigerian hosting since 2018, built for growing businesses.

Clean, readable, and approachable. Optimised for digital interfaces. Works beautifully at small and large sizes.

JetBrains Mono Code / Technical Labels

Google Fonts ↗

            nameserver1.signonhost.com
          

Used for DNS records, server IPs, coupon codes, and technical copy. Adds credibility and nerd-cred.

Type Scale (Recommended)

H1 Hero3rem · Syne 800

H2 Section2rem · Syne 700

H3 Card title1.25rem · DM Sans 600

Body1rem · DM Sans 400

Caption0.8rem · DM Sans 400

Code / DNS0.85rem · JetBrains Mono 400

Logo System

Three approved logo variants for different surfaces.

SignOnHost

Primary Mark

SignOnHost

Dark Version

SignOnHost

Accent Version

Logo Mark Concept

The icon is a hexagonal shield with a centred node — symbolising secure infrastructure, reliability, and connectivity. The "On" in the wordmark is highlighted in gold to reinforce the "SignOn" action — logging in, activating, going live.

Favicon and app icon: Use the hexagonal shield alone on a Deep Navy background.

Spacing & Radius System

Consistent spacing creates rhythm. Use these tokens throughout the UI.

Spacing Scale (px)

4px

8px

12px

16px

24px

32px

48px

64px

96px

Border Radius

Buttons, Chips8px

Cards, Inputs12px

Modals, Panels16px

Avatars, Badges50% (full)

Voice & Tone

How SignOnHost speaks — confident, direct, and locally resonant.

Confident

We don't hedge. We declare.

Direct

Short sentences. Real words. No fluff.

Local

Speak to Nigerian SMEs. Mention Naira, not just USD.

Technical but warm

Smart without alienating non-devs.

Copy Examples

✓ DO

"Host smarter. Grow faster."

✗ AVOID

"We offer cost-effective hosting solutions."

✓ DO

"Your site, live in 60 seconds."

✗ AVOID

"Quick and easy setup process."

✓ DO

"Zero downtime. Naira pricing. No excuses."

✗ AVOID

"We provide reliable hosting with local payment options."

✓ DO

"Built for Nigerian businesses."

✗ AVOID

"Serving customers across Nigeria."

Brand Do's & Don'ts

Rules to keep the brand consistent across all touchpoints.

✓Always pair Deep Navy with Amber Gold for hero sections

✓Use Syne for all headings — never DM Sans as a headline font

✓Show Naira (₦) pricing prominently — it's a differentiator

✓Use the Emerald colour only for uptime/success indicators

✓Keep the wordmark on one line. Never stack 'SignOn' above 'Host'

✗Never use gradients unless it's Navy → #122F7A (dark navy only)

✗Never use more than 2 fonts on a single page layout

✗Never use red as a brand colour — it suggests errors/danger

✗Never stretch or distort the logo mark

✗Never use white text on Amber Gold — contrast fails accessibility