Brand Assets

Download individual assets or get the complete brand kit package.

Logos & Wordmarks

dark

logo

dark

Download
light

logo

light

Download
dark

wordmark

dark

Download
light

wordmark

light

Download

Icons & Favicons

dark-no-background

favicon

dark

Download
dark

favicon

dark

Download
no-background

favicon

default

Download

favicon

default

Download
dark

icon

dark

Download
light

icon

light

Download

Color Palette

Our carefully crafted color system with harmonious scales and semantic meanings.

Brand Colors

Primary

#0D294D

Main brand color for primary actions and key elements

Accent

#BD081C

Accent color for highlights and secondary elements

Blue

50
100
200
300
400
500
600
700
800
900

Red

50
100
200
300
400
500
600
700
800
900

Teal

50
100
200
300
400
500
600
700
800
900

Purple

50
100
200
300
400
500
600
700
800
900

Amber

50
100
200
300
400
500
600
700
800
900

Emerald

50
100
200
300
400
500
600
700
800
900

Brand Gradients

Brand

linear-gradient(135deg, #2169c4 0%, #1a5199 50%, #402060 100%)

Brand Subtle

radial-gradient(ellipse at 30% 20%, #dce9f9 0%, transparent 70%), radial-gradient(ellipse at 70% 80%, #ebe0f5 0%, transparent 70%)

Blue Primary

linear-gradient(135deg, #1a5199 0%, #123a6d 70%, #261339 100%)

Blue Accent

linear-gradient(135deg, #3b82de 0%, #1a5199 100%)

Color Gradients

Blue Primary

Blue Accent

Red

Teal

Purple

Amber

Emerald

Hero

Typography

Our typography system ensures consistent and readable text across all platforms.

Primary Font: Plus Jakarta Sans

Font Weights

Light300
Regular400
Medium500
Semibold600
Bold700
Extrabold800

Font Sizes

Sample Textxs (0.75rem)
Sample Textsm (0.875rem)
Sample Textbase (1rem)
Sample Textlg (1.125rem)
Sample Textxl (1.25rem)
Sample Text2xl (1.5rem)

Typography in Action

This is a heading (4xl/bold)

This is a subheading (2xl/semibold)

This is body text using our primary font family. It's designed to be highly readable across different screen sizes and provides an excellent reading experience. The font stack includes fallbacks to ensure compatibility across all platforms.

This is small text for captions and metadata (sm).

Usage Guidelines

Colors

  • • Use primary color for CTAs and main brand elements
  • • Use accent color sparingly for highlights
  • • Maintain proper contrast ratios for accessibility
  • • Refer to semantic colors for status indicators

Assets

  • • Use appropriate logo variant based on background
  • • Maintain clear space around logos
  • • Do not modify or distort logo proportions
  • • Download full ZIP for complete asset package