Brand guidelines/Visual identity
www.glaston.net

Visual identity

What are CMYK, RGB, PMS and grayscale?

Different end-use purposes require different colour modes. That is why there are logo versions including different colour modes like CMYK, RGB, PMS and grayscale. The aim with these, is to have well managed brand colours through various applications and medias.

Do I have to pay attention to colour modes when working with Microsoft Office applications?

JPG, GIF and PNG logos include the right colour mode RGB, so you do not have pay attention to different colour modes when working in Microsoft Office environment. When using PDF, use the RGB version (included in the ”Glaston logos for Microsoft Office” ZIP package).

How are different logo versions with different colour modes used in professional design applications?

When designing printing applications, designers choose the right colour mode version of the logo depending on their end-use purposes. Logos are available in CMYK, PMS, grayscale and black colour modes.

Terminology related to this topic:

CMYK = colour model, that is used in four colour (C = cyan, M = magenta, Y = yellow, K = key colour, black) printing. CMYK colour definition for art paper printing can differ from newspaper printing.

PMS = colour matching system for printing created by Pantone, to provide spot colours that cannot be simulated with CMYK. Includes also metallics and fluorescent colours.

RGB = colour model, that is used in television and computer screens, digital cameras, video projectors and like. RGB refers to Red, Green and Blue.

Grayscale = colour model, that includes only black colour, but is composed exclusively of shades of gray.

Logo versions

There are different versions of the logo for different purposes and applications. The versions that should be used primarily are always the Glaston Blue positive version and the white negative version. If it is not possible to use either of these logo versions, for example due to the printing techniques used, the black logo version is to be used.

Positive
Glaston_logo_version_1
Negative
Glaston_logo_version_2

CMYK/RGB/PMS
The primary version of the logo.

Glaston_logo_version_3
Glaston_logo_version_4

Black
Black version of logo is to be used only on black and white printed material.

Logo usage

The adjacent examples show the use of the logo. The original files of the logo must always be used, and they must not be changed in any way. Always ensure good legibility when using the logo.

Logo_usage_1

Logo on a light image.

Logo_usage_2

Negative logo on an image.

Logo_usage_1

The logo must not be used over a too dark tone.

Logo_usage_2

The logo must not be used over a strong pattern.

Logo_usage_3

The dimensions or the design of the logo must not be changed.

Logo_usage_4

The colours of the logo must not be changed.

Logo with tagline

Logo files

Logo originals as vector and pixel files

Logo files can be divided roughly into two categories: vector and pixel files. The main difference between these two is that a pixel file is constructed of individual pixels and has its limits in resizing the logo bigger. Some pixel files, like JPG, also does not support transparent background. Vector file is constructed of mathematical points and curves and can be resized bigger without limits. It is recommended to use vector file always when possible.

Available file formats:

Pixel files: JPG, GIF
Pixel files with transparent background: PNG
Vector files: PDF, EPS, AI
Vector files for web: SVG

What logo file to use…
…in Microsoft Office applications?

When using softwares like Microsoft Word, PowerPoint and like, you most likely need a pixel file: JPG, GIF or PNG. In some office softwares like Word, you can also import vector files like PDF.

…when building websites, web applications or web banners?

You may use pixel files like JPG, GIF or PNG, but also vector file SVG.

…with professional design softwares?

You can use almost any type of logo file with professional design softwares like InDesign, Photoshop, Illustrator, After Effects, Corel, etc. It all depends on your design goals and end-use purposes.

The logotype with tagline “seeing it though” is used in more formal group level communication, such as stationary, folders and company presentations, where no other logos or other statements are visible. In these cases there usually are no other brand or product messages present either, as the logo contains a message in itself. Please use a digital file for the logo and tagline combination. Do not attempt to recreate this combination yourself. Always ensure enough space around the logo.

Logo versions and usage

The versions and use is based on the same principles as the logo, see Logo usage.

 

Glaston logos with tagline for Microsoft Office ZIP package includes JPEG and PNG pixel files in RGB colours .zip 0.2 MB
Glaston logos with tagline for professional design softwares ZIP package includes EPS, PDF and SVG vector files. 
All in CMYK, PMS, RGB, grayscale and black colour modes (positive/negative) .zip 2.6 MB
Glaston logos with tagline for web ZIP package includes PNG pixel and SVG vector files. All in RGB colours .zip 0.2 MB
Glaston logos with tagline all ZIP package includes all logo files .zip 2.8 MB

Key style element

Additional style elements are graphics that – in addition to the logo, typography and color palette – create the recognizable Glaston look and communicate the brand’s personality. These, together with the Glaston style images, create the differentiating look and feel.

The Glaston G symbol should only be used as a decorative graphic element. It is not used as a logo together with the Glaston logotype, byt rather serves as a supporting visual element in different applications.

Key_style_element
Key_style_element_usage_1

G-symbol can be cropped. Do not divide the symbol into two separate pieces. Never tilt or rotate the G-symbol.

Key_style_element_usage_2

It can be white when used on a colored background or on top of an image.

Glaston G-symbol for Microsoft Office ZIP package includes JPEG and PNG pixel files in RGB colours .zip 1.0 MB
Glaston G-symbol for professional design softwares ZIP package includes EPS, PDF and SVG vector files. 
All in CMYK, PMS, RGB, grayscale and black colour modes (positive/negative) .zip 2.5 MB
Glaston G-symbol for web ZIP package includes PNG pixel and SVG vector files. All in RGB colours .zip 1.0 MB
Glaston G-symbol all ZIP package includes all logo files .zip 3.5 MB

Colours

Managing brand colours

The goal with brand colours is to display them the way they are intended through various applications, screens and medias. Unfortunately, defining brand colour values accurately, does not guarantee the intended display of brand colours.

Here is why the brand colours may turn the way they are not intended:
  • Different devices detect or reproduce given colour values differently. The red colour on your screen, may look more like orange on somebody else’s screen.
  • Different printing processes have lots of factors that can cause colour variations to the final printed products
  • CMYK and PMS colours may not have the same colour appearance as PMS colours cannot be simulated with CMYK
  • Different circumstances in surrounding environments can cause variations to the colours
  • Some people have disabilities like decreased ability to see colour or differences in colour
How to get brand colours right across different medias?
  • With printed products, use CMYK/PMS colour charts, or have an accurately printed sheet of your brand colours that you can use as colour reference
  • Supervise your printing house
  • Always use original logo files, re-saving logos and converting colour modes may cause unintended results
  • To avoid unintended results with different displays and projectors is unfortunately pretty much impossible. Especially video projectors can cause severe inaccuracy in displaying colours
  • Stick with the given colour values across digital and printed applications
Colour modes

CMYK: colour model, that is used in four colour (C = cyan, M = magenta, Y = yellow, K = key colour, black) printing. CMYK colour definition for art paper printing can differ from newspaper printing.

RGB: colour model, that is used in television and computer screens, digital cameras, video projectors and like. RGB refers to Red, Green and Blue

HEX: RGB colours represented in hexadecimals. Often used for example in HTML code

PMS: colour matching system for printing created by Pantone, to provide spot colours that cannot be simulated with CMYK. Includes also metallics and fluorescent colours. It is also recommended to specify PMS colour for both coated and uncoated paper.

RAL: colour matching system that is mainly used for varnish and powder coating

Primary colour palette

Glaston Blue is the most dominant colour in all Glaston visuals. Additionally, Orange, Light Blue and Grey can be used to support visual expression in different applications. Avoid using lighter tones of these colours.

Glaston Blue

CMYK: 100C 60K
Newspaper: 100C 45K
RGB: 0R 81G 108B
HEX: #00516c
PMS: 3025
RAL: 5009

Glaston Orange

CMYK: 75M 93Y
Newspaper: 75M 93Y
RGB: 234R 89G 31B
HEX: #ea591f
PMS: 1655
RAL: 2008

Glaston Light Blue

CMYK: 13C 5Y 13K
Newspaper: 13C 5Y 13K
RGB: 207R 220G 222B
HEX: #cfdcde
PMS: 5455
RAL: 7035

Glaston Grey

CMYK: 33C 10M 50K
Newspaper: 33C 10M 40K
RGB: 109R 126G 143B
HEX: #6d7e8f
PMS: 7544
RAL: 7000

Glaston colour palette for InDesign Zip package includes colour palette for InDesign .zip 0.1 MB

Typography

Primary typography

Primary typography refers to a single font or font family, that should be used always when possible. This brand font should not be replaced with other similar fonts, others than allowed for example Microsoft Office use.

Should I have the brand font on my computer?
  • If you are working on Microsoft Office environment, you do not need our brand font
  • If you are a designer or web developer, you most likely need to have a license to our brand font
Where our brand font is used?
  • In various digital applications including websites, intranets, apps etc.
  • In printed applications including business cards, brochures, magazines, etc.
Where it is not used?
  • In Microsoft Office environment (Word, PowerPoint, Excel)

Primary typography

Glaston’s brand font is Sharp Sans. It should be used whenever technically possible and always in printed products, web applications and video presentations.

The font is available in the variants given here, and it can be obtained from Sharp Type.

Alternative typography

Alternative typography is used when primary typography is not recommended to use. This is the case for example when editable Microsoft Office documents are delivered between organizations. Then a system font, that by default can be found from almost everybody’s computer/device, must be used.

Do I have the alternative brand font on my computer?
  • Most likely, as Arial is a PC/Mac system font. If you do not have it, ask for consultation from your IT support.
Where our alternative brand font is used?
  • In Microsoft Office environment (Word, PowerPoint, Excel)
Where it is not used?
  • In various digital applications including websites, intranets, apps etc.
  • In printed applications including business cards, brochures, magazines, etc.
    Alternative typography

Alternative typography

If the font Sharp Sans cannot be used, the font Arial should be used. Such use environments include Microsoft Office, among others.

Chinese typography

In Chinese language applications the font is Noto Sans CJK SC Light and Regular.

The font can be downloaded from Google Fonts.

Visual language

Glaston’s visual language and layout structure is based on horizontal and vertical areas, the windows as we call them. Windows form transformative entities that can consist of brand images, colour areas, and typography. Glaston’s Primary colour palette is used as a colour scheme in the layouts.

Powerful use of image areas combined with flexible use of color areas and typography is key to Glaston’s brand look & feel.

Imagery

Glaston’s imagery offers perspectives on Glaston’s excellence: inside the company, out to end uses, and into the world of glass. Brand images can be divided into four categories: End uses, Glaston people, Glaston technology, and Glass.

> Available brand images can be downloaded from our Image gallery

End uses

Glaston people

Glaston technology

Glass

Icons

Glaston’s visual style of icons is simple and based on line graphics.

May we help you?

Contact us
© Glaston. All rights reserved.