Hello, this is a logobook

It will help you to understand the visual style of GigaCloudand understand why the letter G is here and
why the Cloud image is here.

Логотип

Logo

Logo idea
Main version
Additional versions
Colour versions
Black and white versions
Logo protection field
Minimum size
Prohibitions

Logo idea

Giga is the prefix of the SI system, which gives a multiplicity of 109, so we decided to create a symbol that would represent GigaCloud

Main version

The use of the main version of the logo is a priority. Further rules regulate the functionality of the logo and the correctness of its use. Below are the equal versions of the logo.

Download logo.svg
Download logo.png
Download logo.svg
Download logo.png

Additional versions

The logo can also be used in three different versions, depending on the communication materials. The two-line version is used when you need a smaller logo, and the logo mark and sign are used in mobile applications, websites, favicons or as a decorative element in materials.

Version in 2 lines
Download logo-two-line.svg
Download logo-two-line.png
Logomark
Download logomark.svg
Download logomark.png
Sign
Download sign.svg
Download sign.png

Colour versions

We created different versions of the logo with the main colours black and white. They should be used when you need to achieve the greatest contrast with the background of the image. These versions of the logo are balanced with the main version. Also, such colour combinations are possible for the two-line logo and the logo mark.

Download

Black and white versions

Another version of the logo is black and white. It should be used in cases where the use of colour is not possible or if you need to convey a style.

Download

Logo protection field

To ensure that the logo is clearly readable in a large amount of information and is not mixed with other elements, there is a logo protection field. Its size is determined by the size of the cloud.

Minimum size

The minimum size for the logo is 8 mm in height. Smaller than this, the elements merge and the logo is hard to read. For a 2-line logo, this is 12 mm, for a logo mark - 5 mm, and for a sign - 4 mm.

Prohibitions

To ensure that the logo always looks good and is easy to read, you should also be familiar with the prohibitions on how it should not be used.

It is forbidden to change the proportions of the logo mark or the typographic part

It is forbidden to change the font of the logo

It is forbidden to change the elements in the logo mark

It is forbidden to change the colour of the logo to third-party, non-branded colours

It is prohibited to impose effects on the logo that change its appearance

It is forbidden to rotate the logo or its separate parts arbitrarily

Typography is one of the most important elements of identity, so you need to strictly follow all the rules below.

Typo
graphy

Font
Typography
Interlinearity
System font

Font

The brand font is e-Ukraine. It should be used in all possible materials.

Download the font

Typography

For regular text, we use e-Ukraine Light font, size is X. Text for explanations should be the same or smaller font size than regular text, but Light Italic is used for the outline. For subheadings, we use e- Ukraine Bold, with a size of approximately 1.4X.

Interlinearity

To make your text look good, you need to use a suitable spacing and grid for your typography. The main lines of headings and body text should coincide and be placed in the same grid system. The spacing for plain text should be at least 1.4X the size of the pins, and for headings - at least 1.1X.

System font

If using the main font is not possible, then the standard system font Arial must be used. Its parameters must match the e-Ukraine font.

Colour is an important component of brand recognition, so you should only use the colours specified in this block.

Colours

Main colours
Web colours

Main colours

The logo consists of two colours: primary red and graphite.

Red

#DE1F35
07  100  85  01

Black

#101010
00  00  00  94

Web colours

For the web, we can use additional shades of our basic red and grey colours.

Shades of red

Shades of gray

To make the materials look consistent, you need to follow certain parameters, which are described below.

Elements

Composition idea
Materials grid
Signature plate
Photos
Example of development

Material grid

We base any material on the idea of gigantism and grandeur. We use a large-sized logo and stick to minimalism in style. Elements can become so large that they can go beyond the canvas.

Materials grid

We use a square modular grid, regardless of the format of the material. In this grid, we place all the necessary elements, including the sign.

Signature plate

We use a signature plate for materials that want to emphasise their affiliation with GigaCloud. The letter G can change its position on the left side of the rectangle, but never fully extend to the top, bottom or right side.

Download signature

Photos

Photos should only be used in high quality. These photos should show technology or grandeur. Geometric shapes can help with this.

Example of development

Let's show the development of the post design. As you can see, it is built on the basis of our grid. The brand mark is so large that it is slightly cut off by the borders. All elements and photos are aligned to the modular grid.

Show in Figma

Merch

Download raw files
Set 1
Set 2
© 2023 All Rights Reserved