Brand Guidelines
Our Brand Story
CyberDrain is a technology website aimed at making stronger communities. CyberDrain’s mission is to improve the technical knowledge of IT-pros by offering them lessons in automation and the possibility to upskill.
Primary Colors
The primary colours are used for the CyberDrain Logos and backgrounds
CyberDrain Orange
HEX: #F77F00
RGB: 247, 127, 0
HSL: 29°, 100%, 96%
Primary brand color, logos, CTAs
CyberDrain Navy
HEX: #003049
RGB: 0, 48, 73
HSL: 200°, 100%, 28%
Primary dark color, text, backgrounds
CyberDrain White
HEX: #FFFFFF
RGB: 255, 255, 255
HSL: 0, 0%, 100%
Primary white
Secondary Colors
The secondary colours are used for accents only.
Teal Dark
HEX: #005C63
RGB: 0, 92, 99
Accent color, highlights
Teal Medium
HEX: #3E5C66
RGB: 62, 92, 102
Supporting elements
Light Green
HEX: #EBF0DF
RGB: 235, 240, 223
Background tints, subtle accents
Typography
Gilroy
Primary font for all brand communications
Light - The quick brown fox jumps over the lazy dog
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Regular - The quick brown fox jumps over the lazy dog
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Bold - The quick brown fox jumps over the lazy dog
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
ExtraBold - The quick brown fox jumps over the lazy dog
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
Heading Sizes
H1 - 56px
H1 heading example
H2 - 48px
H2 heading example
H3 - 36px
H3 heading example
H4 - 32px
H4 heading example
H5 - 24px
H5 heading example
H6 - 20px
H6 heading example
Logos
For press releases, formal engagements, and third-party materials, please use the Company Logo first. Product logos (CIPP, CoW) may be used alongside or instead only when the context is specifically about that product.
Company Logo
CyberDrain
Primary CyberDrain logo — use on light backgrounds
CyberDrain (Dark)
CyberDrain logo — use on dark backgrounds
Product Logos
CIPP
CIPP (CyberDrain Improved Partner Portal) — light backgrounds
CIPP (Dark)
CIPP logo — dark backgrounds
CoW
CoW (Compliance on Wheels) logo — light backgrounds
CoW (Dark)
CoW logo — dark backgrounds
Download Brand Package
Download our complete brand package, which includes official logos, color palettes, typography guidelines, and usage examples. Use of these assets is permitted only with explicit authorization from CyberDrain B.V. and is limited to representing CyberDrain or its affiliated subbrands.
Package Includes:
- CyberDrain Logo
- CIPP Logo
- Cow Logo