SENTINELNEXUS
Brand Assets & Guidelines
Internal Use Only - Non-Indexed Page
Logo Variations
Main Logo
Primary logo with full color
Main Logo (Transparent)
Primary logo with transparent background
Black & White
Monochrome version
Logo Variation 1
Alternative design variant
Logo Variation 2
Alternative design variant
Transparent Variant 1
Transparent background variant
Transparent Variant 2
Transparent background variant
Transparent Variant 3
Transparent background variant
Color Palette
Teal
#14b8a6
Primary brand color
Cyan
#22d3ee
Secondary accent
Black
#000000
Base background
Slate 950
#020617
Deep background
Slate 900
#0f172a
Card backgrounds
Slate 400
#94a3b8
Secondary text
Slate 300
#cbd5e1
Body text
White
#ffffff
Headlines
Color Usage Guidelines
Typography
Primary Font
System Font Stack
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif
Hero Headlines
Bold & Impactful
6xl-8xl, font-black (900), tight leading
Section Titles
Strong Hierarchy
4xl-5xl, font-black (900)
Subsection Titles
Clear Structure
2xl-3xl, font-bold (700)
Body Text
Professional and easy to read. The body text maintains excellent readability across all devices with proper line height and spacing.
base-xl, font-normal (400)
Labels & Tags
TECHNICAL LABEL
xs-sm, font-semibold (600), uppercase, tracking-wider
Monospace Font
Used for technical labels, code snippets, and system information
const brandColor = '#14b8a6';
const accentColor = '#22d3ee';
Brand Usage Guidelines
Do's
- ✓Maintain clear space around logos equal to the height of the letter "S"
- ✓Use high contrast with backgrounds
- ✓Display wordmark in uppercase
- ✓Use gradient version for hero sections
Don'ts
- ✗Never distort, rotate, or alter logo proportions
- ✗Don't use logos on busy backgrounds
- ✗Avoid using colors outside the brand palette
- ✗Never recreate or redraw the logo
For questions about brand usage or to request additional assets, contact the Sentinel Nexus team.