How it works
Docs
Back
Home
Home

Media Kit

The existing logo has undergone a transformation, now intricately designed with layers that symbolize the multifaceted components of Project Catalyst as a unified and dynamic program. The elegant integration of the letter 'C' not only lends aesthetic appeal but also serves as a metaphor for the stratified layers that constitute the project's diverse and interconnected facets. This symbolism captures the essence of depth and unity within the logo's design, visually echoing the intricate layers that define Project Catalyst itself. For further details, please reach out to the Project Catalyst team.

Primary Logo

The horizontal logo is the primary logo and should be used in most instances. Minimum width 120px
primary-logo-alt
primary-logo-alt

Secondary Logo

The stacked logo is for large-scale use.
Minimum width 130px
secondary-logo-alt
secondary-logo-alt

Roundel

The Roundel can be used on mobile, apps or a favicon.

Minimum width 40px
primary-logo-alt
primary-logo-alt

Logo Do's and Don'ts

To ensure our brand remains strong and consistent, it’s essential to adhere to proper logo usage guidelines. The following do’s and don’ts provide clear instructions on how to use our logo effectively while avoiding common pitfalls. By following these guidelines, you help maintain the visual integrity and impact of our brand across all platforms.

Light background - primary logo

This is the main color of the logo on top of a 
lighter background.

do-alt

Lighter gradient background

The colour logotype should be used behind our lighter 
gradient mesh backgrounds.

do-alt

Dark background

The mono logotype should be used when applying the logo to darker backgrounds.

do-alt

Darker gradient background

The mono logotype should be used behind our darker 
gradient mesh backgrounds.

do-alt

Mono logo on image background

The mono logo is designed to stand out against darker image backgrounds, ensuring clarity and visibility. Its high contrast with darker images makes it a versatile choice, maintaining the logo's prominence and effectiveness in various visual contexts.

do-alt

Colored logo on image background

When using the colored logo on image backgrounds, avoid placing it on busy images where the logo may become unreadable or hard to see. The colored logo works best on simpler, less cluttered backgrounds where it can be clearly visible and maintain its impact.

do-alt

Do not use shadows or effects on logo

Keep the logo unaltered. Do not add shadows, effects, or any modifications.

do-alt

Use "Project Catalyst" with roundel only

Do not use the "Project Catalyst" without the accompanying roundel. Always include the roundel for proper branding.

do-alt

Do not change the logo color

Always use the logo in its original colors. Do not change or alter the logo's color in any way.

do-alt

No distorting or improper scaling

Ensure the logo remains unaltered. Do not distort or scale it improperly to maintain its integrity.

do-alt

Colours

The following hues constitute the primary colors and are well-suited for application in both background design and textual elements.

Blue

CMYK 92 73 0 0

RGB 18 60 211

HEX 123CD3

White

CMYK 0 0 0 0

RGB 255 255 255

HEX FFFFFF

Off black

CMYK 91 79 58 87

RGB 10 13 20

HEX 0A0D14

Typeface

Catalyst was designed for accessibility, and our fonts were chosen for the same reason. Noto Sans and Poppins are clean and modern Google fonts that are free and easily sourced.