PSE Logo

Brand Guidelines

Professional brand standards, assets, and implementation guidelines for Power Sports Engineering. Everything you need to represent our brand with consistency and excellence.

Brand Colors

Our carefully curated color palette ensures consistent brand recognition across all touchpoints. Click any color for complete specifications including RGB, HEX, CMYK, and Pantone values.

PSE Primary Mint

HEX:#6bffb5
RGB:107, 255, 181

Primary brand color, buttons, CTAs, highlights

PSE Primary Dark

HEX:#4fd49c
RGB:79, 212, 156

Hover states, darker accent, interactive elements

PSE Primary Light

HEX:#9fffd1
RGB:159, 255, 209

Light backgrounds, subtle highlights, soft accents

PSE Dark Gray

HEX:#1f2937
RGB:31, 41, 55

Body text, secondary content, dark elements

PSE Dark Bold

HEX:#111827
RGB:17, 24, 39

Headings, primary text, high emphasis content

PSE Accent Gray

HEX:#374151
RGB:55, 65, 81

Secondary text, subtle elements, borders

PSE Light Gray

HEX:#f9fafb
RGB:249, 250, 251

Background, cards, light sections

PSE White

HEX:#ffffff
RGB:255, 255, 255

Clean backgrounds, text on dark backgrounds

Logo Assets

Download our logos in various formats and sizes. Each asset is optimized for specific use cases and maintains the highest quality standards.

LOGO ASSETS

SQUARE LOGOS

PSE Square Logo - Main

Main Square Logo

SVGPNGJPG
PSE Square Logo - Inverted

Inverted Square Logo

SVGPNGJPG

FULL LOGOS

PSE Full Logo - Main

Main Full Logo

SVGPNGJPG
PSE Full Logo - Inverted

Inverted Full Logo

SVGPNGJPG

MONOCHROME VERSIONS

PSE Logo - Black on White

Black on White

SVGPNGJPG
PSE Logo - White on Black

White on Black

SVGPNGJPG

LOGO USAGE GUIDELINES

DO
  • Use SVG format for web applications
  • Maintain minimum clear space around logo
  • Use appropriate version for background
  • Scale proportionally
  • Use high-resolution files for print
DON'T
  • Stretch or distort the logo
  • Change logo colors
  • Add effects or shadows
  • Use low-resolution files for print
  • Place logo on busy backgrounds

Typography

Our typography system ensures readability and maintains brand consistency across all communications.

Primary Heading

Font:
Chakra Petch
Weight:
500
Size:
2.5rem
Line Height:
1.2
CSS Class:font-heading
Transform:
uppercase

H1, hero titles, main headings - uses font-heading class

Power Sports Engineering

Secondary Heading

Font:
Chakra Petch
Weight:
500
Size:
1.875rem
Line Height:
1.3
CSS Class:font-heading
Transform:
uppercase

H2, section titles, subheadings - uses font-heading class

Brand Guidelines

Body Text

Font:
Atkinson Hyperlegible
Weight:
400
Size:
0.875rem
Line Height:
1.6
CSS Class:font-sans
Transform:
none

Standard body text, paragraphs - uses font-sans class

This is sample body text that demonstrates the Atkinson Hyperlegible font family.

UI Elements

Font:
Manrope
Weight:
500
Size:
1rem
Line Height:
1.5
CSS Class:font-ui
Transform:
none

Buttons, navigation, interface elements - uses font-ui class

Button Text

Price Display

Font:
DM Mono
Weight:
400
Size:
1rem
Line Height:
1.4
CSS Class:font-price
Transform:
none

Prices, monetary values - uses font-price class

$1,234.56

Need More Resources?

Download our complete brand kit including all assets, guidelines, and templates.