Brand Kit

Official Paragon brand assets for media, partners, and community use.

Logo

Primary Logo

The Paragon logo should be used in its primary form whenever possible. Maintain clear space around the logo equal to the height of the "P" mark.

Download formats:

• SVG (vector)

• PNG (transparent background)

• PNG (dark background)

• PNG (light background)

Logo Variations

Variation	Use Case
Full logo	Primary usage, marketing materials
Logomark only	App icons, favicons, small spaces
Wordmark only	Text-heavy contexts

Colors

Core Gradient

The primary brand uses a teal-to-dark-blue gradient:

Color	Hex	Position
Teal	#99E0C6	Start
Blue	#2D607F	Middle
Dark Navy	#0A1727	End

Accent Colors

Color	Hex	Usage
Orange	#C19120	Accent, highlights
Green	#2D7F32	Success states
Grey	#7B7B7B	Secondary text
Dark Grey	#2B2B2B	Backgrounds
Light Grey	#D8D8D8	Borders, dividers

Typography

Brand Font

Alliance No. 2 — Primary brand font for marketing and headlines

Documentation

GitBook default fonts are used for documentation to ensure readability and accessibility.

Usage Guidelines

Do

• Use official logo files (don't recreate)

• Maintain minimum clear space

• Use approved color combinations

• Keep logo proportions intact

Don't

• Stretch or distort the logo

• Apply effects (shadows, gradients, outlines)

• Place logo on busy backgrounds

• Use unapproved colors

• Rotate or flip the logo

GitBook Documentation Settings

Recommended visual settings for Paragon documentation:

Setting	Value	Notes
Theme	Dark	Matches institutional brand identity
Primary Color	#2D607F	Core gradient middle (teal-blue)
Logo	White-Wordmark.svg	Horizontal lockup for header
Icon/Favicon	White-Logo.svg	Logo mark only (no wordmark)

Logo Files Reference

brand-assets/Paragon_Logos/
├── Black/
│   ├── Black-Logo.svg          # Icon only (light backgrounds)
│   ├── Black-Vertical.svg      # Stacked logo + wordmark
│   └── Black-Wordmark.svg      # Horizontal logo + wordmark
└── White/
    ├── White-Logo.svg          # Icon only (dark backgrounds) ← Favicon
    ├── White-Vertical.svg      # Stacked logo + wordmark
    └── White-Wordmark.svg      # Horizontal logo + wordmark ← Header

Applying Settings in GitBook

1. Navigate to Customization in the GitBook admin panel

2. Upload White-Wordmark.svg as the header logo

3. Upload White-Logo.svg as the favicon/icon

4. Set primary color to #2D607F

5. Select Dark theme

6. Click Publish to apply changes

Accessibility Notes

• Contrast Ratio: White logo on dark (#0A1727) background exceeds WCAG AA standards (>7:1)

• Primary Color: #2D607F provides sufficient contrast for interactive elements

• Theme: Dark mode reduces eye strain for extended reading sessions

Download Assets

Full brand kit available at:

• Brand Assets Folder

• Request high-resolution files via Discord

Contact

For brand usage questions or partnership materials:

• Discord: Join Server

• Twitter: @tradeparagon