Design Guidelines

Version 0.1 β, October 23rd, 2025

On this page you will find all the information related to the corporate design of the brand. The pillars of the visual style are the basic building blocks: logo, corporate colors, fonts and key visuals. You can be inspired by examples of the application of the visual style.

Logos

There are three logo layouts available in six different color variations. You can download them all at once by pressing the button below their samples in PDF, SVG, WebP and EPS data formats prepared for digital media in the sRGB color space and for professional printing in CMYK.

Pictogram

The C icon is the fastest visual shortcut Cascade Quantum uses. It is simple, playful, memorable and offers a lot of simplicity for future development. It directly invites various animations. We use it for social media icons, web favicon, etc.

Social Media Icon

The C icon is the is always used in full color for all screen aplications. A typical light background colors for an icon are white, light blue (CC Blue Light) or light yellow (CC Yellow Light). A typical dark background color for icons are dark blue (CC Dark Blue) or black.

These icon files were specifically prepared for use on social media. They are prepared on a transparent background in the size of 1080 × 1080 px. Within the area, the icons are placed so that after cropping into a circle, which is currently used for avatars on social media, the icon is optically in the middle of the circle. The icon is displayed here multiple times because each represents a different file format. The first two are bitmap formats PNG and the more modern WebP, the third is the vector format SVG.

Click on one of the icons above to see the specific file format. Once the file is open, you can save and use it. Just choose the right file format—SVG is usually the best choice because it’s the only vector format, but not all social media apps support it.

The background color is not part of the icon files—the files are transparent. It is not necessary to always use white background. The background can be adjusted within the Color Scales defined below as needed—however, sufficient visibility of all the dots that make up the C icon must always be maintained.

Default Corporate Colors

Here are the color definitions in sRGB for screen&office use and CMYK definitions for professional printing press.

CC Blue

sRGB
#227C9D

CMYK
82/33/20/0

CC Green

sRGB
#3FB7AB

CMYK
62/0/32/0

CC Yellow

sRGB
#FFCB77

CMYK
0/16/55/0

CC Red

sRGB
#FE6D74

CMYK
0/67/33/0

CC Dark Blue

sRGB
#001745

CMYK
100/90/58/33

Color Scales

Each of the five primary colors has a precisely defined hue, but can be used in any lightness. The key to lightening basic colors is to reduce their opacity. The key to darkening colors is to add black.

The default light background colors are CC Blue Light and CC Yellow Light. Any of the basic corporate colors can be used in any opacity. You can also add any amount of black to any basic corporate color if darker color is needed. 

CC Blue Light

sRGB
#f4f8fa

CMYK
3/1/1/0

CC Yellow Light

sRGB
#FFF9EF

CMYK
0/2/5/0

CC Blue in different opacities 0–100 %

CC Green in different opacities 0–100 %

CC Yellow in different opacities 0–100 %

CC Red in different opacities 0–100 %

CC Dark Blue in different opacities 0–100 %

CC Blue darkened by adding black 0–100 %

CC Green darkened by adding black 0–100 %

CC Yellow darkened by adding black 0–100 %

CC Red darkened by adding black 0–100 %

CC Dark Blue darkened by adding black 0–100 %

Corporate Font

Cascade Quantum uses the Inter font as its corporate font. The font can be used in all available styles. However, the main style is Light in combination with Black and its italics. The font can be downloaded for free from Google Fonts.

Inter Black

ABCDEFGHIJKLMNOPQRSTUV
abcdefghijklmnopqrstuv
0123456789&$€#@§

Inter Light

ABCDEFGHIJKLMNOPQRSTUV
abcdefghijklmnopqrstuv
0123456789&$€#@§

Key Visuals

There are several key visuals available that can be used for various purposes, such as a graphic backgrounds etc. Or they can serve as inspiration for creating other backgrounds.

Click on the visual to open it and then you can save the file in SVG file format and reuse it.

Design Samples

You can be inspired by examples of the application of the visual style: business cards, letterhead templates, presentation templates for MS PowerPoint and Google Docs.

Letterhead

The letterhead is prepared in digital form as a template for Microsoft Office and Google Docs.

Presentation

The presentation is prepared in digital form as a template for Microsoft Office and Google Docs. The images show just a few inspirational slides. You can find many more layouts to use in the pre-made templates.

Business Cards

Double-sided business cards are currently the only representative application of the brand from the physical world. 

Design is Never Ending Process

Cool corporate design is not rigid—it evolves as needs arise. If you come across a need that is not covered here, please get in touch.

Sonika Johri

Founder & CEO of Cascade Quantum
sjohri@cascadequantum.com

Jan Tippman

Graphic Designer
jan@tippman.cz