03/06
Brand design · Cybersecurity
Cybrotech
An enterprise cybersecurity site for a Delhi-and-Dubai practice — testing, compliance, SOC platforms and forensics, stated without theatre.
Live surface
www.cybrotech.us ↗
Brand system
Enterprise cybersecurity without the cliché. Near-black ops atmosphere, cyan intelligence graphics, and orange reserved for the word that must land — hackers.
01 · Colour
5 swatches
Ops Black
Primary background
Signal Cyan
#22D3EE
Intelligence accent
Alert Orange
#FF5722
Hero emphasis
Cloud White
#FAFAFA
Primary text
Grid Grey
#525252
Muted UI
02 · Typography
2 faces
01 · Display
Aeonik
Protecting you from hackers.
Hero headlines, section titles, and stat numbers.
02 · Body
Inter
Plain language for complex security work.
Services, compliance copy, FAQs, and contact flows.
03 · Specifications
6 groups
Identity
- Positioning
- Enterprise cybersecurity across India and UAE.
- Tagline
- Protecting you from hackers.
- Services
- Pen testing · Compliance · SOC · Forensics.
- Tone
- Authoritative, plain, ops-ready — no fear-mongering.
Logo & mark
- Wordmark
- CybroTech — compact technical casing in Aeonik.
- Hero badge
- Orange pill highlight on the word “hackers.” only.
- Service pills
- Small uppercase tags: PEN TESTING, COMPLIANCE, SOC, FORENSICS.
Typography rules
- Display
- Aeonik 300–900 — hero, stats, section titles.
- Body
- Inter variable — services, FAQ, forms, long compliance copy.
- Stats
- Large mono-weight numerals: 148+ · 6+ · 24×7.
- Compliance tags
- 10px uppercase row: VAPT, OWASP, NIST, ISO 27001, GDPR, DPDP…
Colour system
- Background
- #0A0A0A primary · #161616 elevated panels.
- Intelligence cyan
- #06B6D4 / #22D3EE — globe, grids, data viz.
- Alert orange
- #F59E0B / #FF5722 — threat emphasis, hacker badge.
- Text
- #FFFFFF primary · #E2E8F0 muted · neutral-400 nav.
- Live indicator
- Red pulse dot on Global Threat Intelligence strip.
Visual language
- Globe
- 3D wireframe cyan sphere with red threat nodes.
- Grid
- Subtle perspective grid under hero — ops centre feel.
- Cards
- Find gaps · Prove compliance · Stay ahead — three response pillars.
- Regions
- India HQ + UAE office as equal doors, not footer afterthought.
Layout & components
- Hero
- Split: copy left, globe right — stacks on mobile.
- Stat band
- Engagements · Years · SOC coverage in one row.
- FAQ
- Numbered accordion — 6–9 answers per page template.
- CTA pair
- Explore Services (filled) + Talk to an Expert (outline).
