Crypton Branding

Name

In the logo, "CRYPTON" is written fully capitalized. This capitalization is reserved for the logo only and should not be used in regular text. In texts, "Crypton" is written as a regular name, with only the first letter capitalized. In URLs or email addresses, the name should be written all lowercase, e.g., crypton.sh. The website is accessible only via crypton.sh.

Logo

Main

Crypton Logo

Icon

Crypton Icon

Structure

The Crypton logo features a unique fingerprint symbol integrated into the text, representing our focus on privacy and security. The icon version consists of the fingerprint element alone, which serves as our app icon and favicon. Both the full logo and icon should be used according to the guidelines below.

Colors

The primary color scheme uses dark or light grey as background with the opposite as text color. These combinations can be swapped between different sections of the site. The other brand colors should not be used as backgrounds, but are reserved for text elements, buttons, links, and accent colors. All colors may be lightened or darkened to create hover effects when needed.

#C20114
Engineering orange
Accent color for alerts and important actions
#FFCD00
Jonquil
Primary brand color, used for logo backgrounds
#4BB3FD
Crypton Blue
Used for links and important text elements
#223843
Dark grey
Used for backgrounds and layout elements
#F0F0F0
Light grey
Used for backgrounds and text on dark backgrounds

Usage Rules

Do's

Use the logo in either white or light grey when placed on dark backgrounds.

Place the logo on a solid color background (preferably Crypton yellow, dark or light grey).

Maintain proper spacing around the logo to ensure its visibility and impact.

Don'ts

Don't use colors other than those specified in the brand guidelines.

Don't place the logo on busy backgrounds or images that reduce its legibility.

Don't allow the logo to touch or overlap with other graphic elements.

Don't stretch, distort, or modify the logo's proportions or appearance.

Fonts

Roboto

Roboto is our primary typeface, used throughout the Crypton brand. This clean, modern font is implemented in the logo, all headings, body text, user interface elements, buttons, and links to ensure a consistent brand appearance.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Poppins

Poppins serves as our secondary typeface, reserved for specific elements requiring enhanced visibility and emphasis. It's used for numerical counters, statistics, feature callouts, and occasionally for the "Crypton" wordmark in special applications.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789