BRAND OVERVIEW
Brand Personality
- • Professional yet approachable
- • Trustworthy and reliable
- • Innovative and forward-thinking
- • Security-centric
Design Aesthetic
- • Modern and minimalist
- • Geometric and futuristic
- • High contrast for accessibility
- • Dark mode compatible
COLOR PALETTE
PRIMARY COLORS
Deep Navy Blue
#1A3A52
RGB(26, 58, 82)
Trust, professionalism, primary backgrounds
Electric Cyan
#00D9E9
RGB(0, 217, 233)
Innovation, speed, primary CTAs, borders
Charcoal Black
#0F1419
RGB(15, 20, 25)
Main background, contrast, boldness
SECONDARY COLORS
Metallic Silver
#C0C0C0
RGB(192, 192, 192)
Modern tech elements, secondary text
Neon Electric Lime
#39FF14
RGB(57, 255, 20)
CTAs, highlights, accents, attention
Soft Off-White
#F5F7FA
RGB(245, 247, 250)
Backgrounds, readability, body text
ACCESSIBILITY COMPLIANCE
All color combinations meet WCAG 2.1 AA standards for contrast ratios:
- • Electric Cyan (#00D9E9) on Charcoal Black (#0F1419): 8.2:1
- • Off-White (#F5F7FA) on Deep Navy Blue (#1A3A52): 7.5:1
- • Neon Lime (#39FF14) on Charcoal Black (#0F1419): 12.1:1
TYPOGRAPHY
Montserrat
Primary Display Font - Headings & Branding
Regular 400
Medium 500
Semi-Bold 600
Bold 700
Extra-Bold 800
Inter
Secondary Font - Body Text & UI
Regular 400
Medium 500
Semi-Bold 600
Bold 700
TYPE SCALE
H1 HERO HEADING
180px / Bold 700 / -0.06em / Line-height 0.9
H2 SECTION HEADING
72px / Bold 700 / -0.05em / Line-height 1.0
H3 SUBSECTION
40px / Bold 700 / -0.03em / Line-height 1.1
H4 CARD TITLE
28px / Semi-Bold 600 / Line-height 1.2
Body Large - Used for introductory paragraphs and important content that needs emphasis.
20px / Regular 400 / Line-height 1.6
Body Regular - Standard paragraph text used throughout the website for general content and descriptions.
16px / Regular 400 / Line-height 1.6
Body Small - Captions, labels, and secondary information.
14px / Regular 400 / Line-height 1.5
LOGO SPECIFICATIONS
NOTE: Logo Assets Pending
Logo image generation is temporarily unavailable. Below are the complete specifications for creating VeloxLabs logos:
FULL LOGO WITH TEXT
VeloxLabs
- • Geometric shield merged with forward arrow/lightning bolt
- • Shield: Deep Navy Blue (#1A3A52)
- • Arrow/bolt: Electric Cyan (#00D9E9)
- • Text: Montserrat Bold, positioned right of icon
- • Minimum size: 120px wide
- • Clear space: Equal to height of the icon on all sides
STANDALONE ICON
- • Abstract shield + arrow symbol only (no text)
- • Works at small sizes (minimum 32px)
- • Use for favicons, app icons, social media avatars
- • Maintains recognizability when scaled
HORIZONTAL LAYOUT
VeloxLabs
- • Icon on left, text on right
- • Best for website headers, email signatures
- • Aspect ratio: approximately 4:1
VERTICAL LAYOUT
VeloxLabs
- • Icon stacked above text
- • Best for mobile apps, narrow spaces
- • Centered alignment
DARK MODE VERSION
VeloxLabs
- • Icon: Electric Cyan (#00D9E9) with Lime accents
- • Text: Off-White (#F5F7FA)
- • Use on dark backgrounds (#0F1419)
LIGHT MODE VERSION
VeloxLabs
- • Icon: Deep Navy Blue (#1A3A52) with Cyan accents
- • Text: Deep Navy Blue (#1A3A52)
- • Use on light backgrounds (#F5F7FA)
DESIGN PRINCIPLES
Minimalist & Clean
Remove unnecessary elements. Focus on essential content with ample white space. Sharp corners, no rounded borders. Geometric precision.
High Contrast
Ensure all text meets WCAG AA standards. Use bright cyan and lime against dark backgrounds. Prioritize accessibility and readability.
Consistent Patterns
Maintain visual consistency across all touchpoints. Reuse components and patterns. Create predictable user experiences.
Tech-Forward
Embrace modern, futuristic aesthetics. Use geometric shapes, gradients, and subtle animations. Reflect cutting-edge technology.
VISUAL ELEMENTS
BUTTONS
• 2px borders • No border radius • Uppercase text • Bold weight • Smooth transitions
CARDS
CARD TITLE
Cards use navy background with cyan borders. Icons at top, followed by heading and description text.
ACCENT CARD
Use lime-colored icons for emphasis or call-to-action cards. Maintain consistent padding and spacing.
ICON STYLE
• Use Lucide React icons • 2px stroke width • Cyan for standard icons • Lime for CTA/accent icons • Sizes: 24px (small), 32px (medium), 48px+ (large)
BRAND ASSETS
Logo files will be generated and available for download once the image generation service is restored. This guide provides complete specifications for creating all VeloxLabs brand assets.