πŸ“¦ Brand Kit v2.4.0 β€’ Updated Dec 2024

Brand Assets

Everything you need to represent CyberVault accurately. Logos, colors, typography, and usage guidelines for internal and external use.

Logo Usage

Use the approved logo variations based on background contrast. Always maintain clear space and minimum sizing requirements.

CyberVault
Primary / Light
CyberVault
Reversed / Dark
CyberVault
Monochrome
Favicon / Icon

Clear Space

Maintain a minimum clear space around the logo equal to the height of the icon to ensure visibility.

CyberVault

Minimum Size

The logo must never be smaller than the dimensions shown to maintain legibility and brand integrity.

β‰₯ 32px height (icon) / β‰₯ 120px width (full)

Do's & Don'ts

βœ… Correct Usage

Use approved color variations
Maintain clear space padding
Scale proportionally
Use SVG/PNG vector formats

❌ Incorrect Usage

Stretch, skew, or rotate
Change colors or add effects
Place on busy/low-contrast backgrounds
Add text, borders, or shadows

Color Palette

Our color system balances technical precision with modern aesthetics. Click any swatch to copy the hex code.

Brand Colors

Primary Cyan
#00F0FF β€’ rgb(0, 240, 255)
Accent Purple
#7B2FF7 β€’ rgb(123, 47, 247)
Deep Navy
#0A0E17 β€’ rgb(10, 14, 23)
Surface Card
#111827 β€’ rgb(17, 24, 39)

Semantic & UI

Success
#10B981
Warning
#F59E0B
Danger
#EF4444
Text Primary
#E2E8F0
Text Muted
#94A3B8

Typography

Clean, highly readable typefaces that convey authority and technical precision.

Heading Font

CyberVault

Security First

Threat Detection

Font: Inter / System UI
Weight: 700–800
Usage: Headlines, navigation, key metrics

Body & UI

We monitor your infrastructure in real-time, analyzing network traffic and system logs for anomalous behavior.

Font: Inter / System UI
Weight: 400–500
Size: 14px–16px

Code/Mono: sudo cyber-vault status --scan
Usage: Dashboards, logs, technical documentation

Hierarchy Scale
H1 / 48px Enterprise Protection
H2 / 36px Security Operations
H3 / 24px Threat Intelligence
Body / 16px Continuous monitoring and automated response
Caption / 12px System status: All clear β€’ Latency: 12ms

Brand Guidelines

Maintain consistency across all touchpoints.

πŸ–ΌοΈ Imagery Style

Use high-contrast, data-driven visuals. Prefer abstract network diagrams, secure terminal interfaces, and clean architectural shots. Avoid stock clichΓ©s. Apply a subtle cyan/purple gradient overlay for brand cohesion.

πŸ”˜ Iconography

Line-style icons with 2px stroke weight, rounded caps, and 16px grid alignment. Maintain consistent corner radius (4px). Use primary cyan for active states, muted gray for inactive.

πŸ—£οΈ Voice & Tone

Confident, technical, yet accessible. Avoid fear-mongering. Focus on protection, precision, and proactive defense. Use active voice and clear terminology.

πŸ“ Layout & Spacing

8pt grid system. Primary spacing: 8, 16, 24, 32, 48, 64. Max content width: 1200px. Use generous padding to emphasize clarity and reduce cognitive load.

Download Assets

Get the official vector files, style guides, and kits for development and design.

βœ“ Copied to clipboard
"}**/formatting note**: The JSON structure matches exactly `{