If you'd like to use Croct branding, please follow the guidelines below. Together we can ensure that we keep a consistent branding across the web. We really appreciate your help 🙏.

1. How to use our logo

1.1 Isotype

Or isotype has 3 variants: original (green with white arch inside), white monochromatic and black monochromatic. Below you can see the guidelines for each variant:

1.1.1 Original

Untitled

Rules:

✅ Correct application
Sufficient background contrast and correct use of the vector.

✅ Correct application Sufficient background contrast and correct use of the vector.

❌ Incorrect application
Poor background contrast.

❌ Incorrect application Poor background contrast.

❌ Incorrect application
When the logo is green, the arch should always be filled with white.

❌ Incorrect application When the logo is green, the arch should always be filled with white.

❌ Incorrect application
Isotype should always be a perfect square.

❌ Incorrect application Isotype should always be a perfect square.

1.1.2 Monochromatic (White)

Untitled

Rules:

✅ Correct application
Sufficient background contrast and correct use of the vector.

✅ Correct application Sufficient background contrast and correct use of the vector.

❌ Incorrect application
Poor background contrast.

❌ Incorrect application Poor background contrast.

❌ Incorrect application
When the logo is monochrome, its arch must be transparent.

❌ Incorrect application When the logo is monochrome, its arch must be transparent.

❌ Incorrect application
Isotype should always be a perfect square.

❌ Incorrect application Isotype should always be a perfect square.

1.1.3 Monochromatic (Black)

Untitled

Rules:

✅ Correct application
Sufficient background contrast and correct use of the vector.

✅ Correct application Sufficient background contrast and correct use of the vector.

❌ Incorrect application
Poor background contrast.

❌ Incorrect application Poor background contrast.

❌ Incorrect application
When the logo is monochrome, its arch must be transparent.

❌ Incorrect application When the logo is monochrome, its arch must be transparent.

❌ Incorrect application
Isotype should always be a perfect square.

❌ Incorrect application Isotype should always be a perfect square.

1.2 Full logo

It has 4 variants: 2 originals (for light and dark background) and 2 monochromatics (black and white). Below you can see the guidelines for each variant:

1.2.1 Original (for light mode)

Untitled

Rules:

✅ Correct application
Sufficient background contrast and correct use of the vector.

✅ Correct application Sufficient background contrast and correct use of the vector.

❌ Incorrect application
Poor background contrast.

❌ Incorrect application Poor background contrast.

❌ Incorrect application
No color changes are allowed.

❌ Incorrect application No color changes are allowed.

❌ Incorrect application
The original proportion of the logo must always be respected.

❌ Incorrect application The original proportion of the logo must always be respected.

1.2.2 Original (for dark mode)

Untitled

✅ Correct application
Sufficient background contrast and correct use of the vector.

✅ Correct application Sufficient background contrast and correct use of the vector.

❌ Incorrect application
Poor background contrast.

❌ Incorrect application Poor background contrast.

❌ Incorrect application
No color changes are allowed.

❌ Incorrect application No color changes are allowed.

❌ Incorrect application
The original proportion of the logo must always be respected.

❌ Incorrect application The original proportion of the logo must always be respected.