NTS Brand Guidelines
Design System & Visual Identity Reference for NTS Company and Partners
Introduction
Our Mission
NTS delivers innovative technology solutions that empower businesses across Saudi Arabia and the MENA region to thrive in the digital age.
Brand Promise
We combine deep technical expertise with a human-centred approach, making complex technology accessible and transformative for every client.
Design Philosophy
Our visual identity balances professionalism with innovation — clean, modern, and distinctly technological while remaining approachable.
How to Use This Guide
This document is the definitive reference for all NTS branded materials. Follow these guidelines to maintain consistency across all touchpoints.
Brandmark
The NTS brandmark is the cornerstone of our visual identity
✓ Do
- Use official logo files only
- Maintain minimum clear space
- Use approved colour variations
- Scale proportionally
✗ Don't
- Stretch or distort the logo
- Change brand colours
- Add effects like shadows or outlines
- Place on busy backgrounds without contrast
Typography
Type is the voice of our brand — clean, modern, and highly legible
Primary — English
Geist
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%
Primary — Arabic
عام الجمل
أبجد هوز حطي كلمن سعفص قرشت
0123456789 !@#$%
| Element | Size | Weight | Usage |
|---|---|---|---|
| Display | 48–64px | Bold 700 | Hero headlines, landing pages |
| Heading 1 | 36–40px | Bold 700 | Page titles |
| Heading 2 | 28–32px | Semi-Bold 600 | Section titles |
| Heading 3 | 20–24px | Medium 500 | Sub-sections |
| Body | 16px | Regular 400 | General text |
| Caption | 12–14px | Regular 400 | Labels, metadata |
Colour Guide
Our palette conveys trust, innovation, and premium quality
Primary Colours
Deep Tech Blue
#3E4FA3
Bright Tech Blue
#5F8FD6
Soft Innovation Purple
#9C70CB
Supporting Colours
Main Blue
#437BBD
Soft Indigo Purple
#7765B8
Deep Charcoal Black
#141414
Brand Gradients
Photography & Imagery
Visual content that reflects our innovative spirit
Authentic
Real people, real technology, real workspaces. Avoid staged or generic stock imagery.
Dynamic
Show technology in action — screens glowing, teams collaborating, solutions in motion.
On-Brand
Apply brand colour overlays. Use blue-purple tones for consistency across all visuals.
The Wave Element
Our signature graphic — the dynamic connector
Usage
The wave appears as backgrounds, section dividers, and decorative accents. It should never be the primary focus — it supports content.
Colours
Always rendered in brand colours. On dark backgrounds use white at 20–40% opacity. On light backgrounds use Deep Tech Blue or gradient.
Spacing & Shape Language
Consistent spatial rhythm across all materials
| Token | Value | Usage | Visual |
|---|---|---|---|
| XS | 4px | Inline elements, icon gaps | |
| SM | 8px | Tight groups, list items | |
| MD | 16px | Card padding, form fields | |
| LG | 24px | Section gaps, card spacing | |
| XL | 32px | Major section breaks | |
| 2XL | 48px | Page section padding | |
| 3XL | 64px | Hero sections, major gaps |
Border Radius Scale
SM: 4px
MD: 8px
LG: 12px
XL: 16px
Full: 24px
Need Brand Assets?
Contact the NTS design team for logo files, templates, and custom materials
Request Assets