Cruip logo

beta

Brand Assets

powered by TON Hydra

All the resources you need to use our brand correctly and consistently.

Primary Logo

The primary logo for use on light backgrounds. Ensures optimal readability and brand recognition.

Light Background:

Primary Logo on light background

Dark Background:

Primary Logo on dark background

Inverted Logo

The inverted (typically light) logo for use on dark or colored backgrounds where the primary logo would have poor visibility.

Light Background:

Inverted Logo on light background

Dark Background:

Inverted Logo on dark background

Color Palette

Primary Green

Key brand green, vibrant and modern.

HEX: #34D399
RGB: rgb(52, 211, 153)

Primary Blue

Key brand blue, trustworthy and strong.

HEX: #3B82F6
RGB: rgb(59, 130, 246)

Action Blue

Primary call-to-action color for buttons.

HEX: #2563EB
RGB: rgb(37, 99, 235)

Brand Gradient

Signature gradient combining Primary Blue and Primary Green.

From: #3B82F6
To: #34D399

Dark Background

Primary dark background for contrast and alternative themes.

HEX: #111827
RGB: rgb(17, 24, 39)

Light Background

Standard light background for clean presentation.

HEX: #FFFFFF
RGB: rgb(255, 255, 255)

Accent Background

Subtle background for cards and sections.

HEX: #F9FAFB
RGB: rgb(249, 250, 251)

Dark Text

Default text color on light backgrounds.

HEX: #1F2937
RGB: rgb(31, 41, 55)

Light Text

Default text color on dark backgrounds.

HEX: #F3F4F6
RGB: rgb(243, 244, 246)

Typography

Inter

RegularMediumSemiBoldBold

Inter is a versatile and highly legible sans-serif typeface, chosen for its clarity across all digital and print applications.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

Usage Guidelines

Logo Usage

Our logos are designed for maximum recognition. Use the primary version on light backgrounds and the inverted (light) version on dark or saturated backgrounds.

Clear Space

Maintain sufficient clear space around the logo to ensure readability and prevent it from clashing with other design elements.

Flexible Use and Recommendation

We appreciate your creativity! Feel free to adapt our brand assets to your needs while aiming to maintain key logo recognition.

  • Do not distort the logo's proportions.
  • While we encourage using official colors, we understand adaptation may sometimes be necessary.
  • Avoid adding shadows, outlines, or other effects that could make the logo unrecognizable.
  • Use the logo on backgrounds that provide adequate contrast.

Attribution Recommendation:

Please, if possible, attribute the logo or mention our website: tonhydra.com.