Branding Guidelines

Download Assets

Last updated - January 24, 2018

Effective - November 9, 2017

Maintaining a brand and image that aligns with our values of player enjoyment and engagement.

This guide serves as a reference for how all current and future Limelight branding should be handled, regardless of the medium. This is to ensure consistancy across all platforms and strengthen the brand as a whole.

Logotype

The Limelight logotype is our most visible and important brand asset. Learn how to best represent the logotype and Limelight brand in any experience.

Stylized Logotype

Solid Logotype on Light Background

Solid Logotype on Dark Background

Stylized Logotype Usage

They stylized logotype should only be used when the available width is at least 500px including a 50px clear space on all four sides. Otherwise a solid logotype should be used based on the appropriate background.

Printed Logotype Usage

If the logotype is ever to be printed it should always be with a solid fill that obides by the coloring standards.

3D Model Logotype Usage

When the Limelight logo appears on a 3D model in-game it may be a shade of Pure White/Pure Black or a shade of Steel/Storm depending on texture and bump map. The logo may either be flush with its surroundings or slightly indented into the model, but not extruded.

Colors help us to define our brand and convey meaning to our playerbase. Blue and steel are the cornerstones of our refined look and feel.

Colors

The Limelight colors represent a professional atmosphere from staff and dedication to server development yet still inviting to players through splashes of light blue and white. It is imparitive that these colors are maintained throughout all digitally displayed content.

Limelight Blue
400
#42A5F5
Steel
600
#546E7A
Storm
900
#212121
Steel White
50
#ECEFF1

Logotype Colors

The logotype may only appear in Pure Black, Pure White, Steel White, and Storm depending on the content and colors behind it. No gradients, strokes, or drop shadows are permitted on the logo except for the ones seen on the stylized logo.

Color Tints

Color tints may be used in all branding materials except the logotype.

50 #E3F2FD
100 #BBDEFB
200 #90CAF9
300 #64B5F6
400 #42A5F5
500 #2196F3
600 #1E88E5
700 #1976D2
800 #1565C0
900 #0D47A1
50 #ECEFF1
100 #CFD8DC
200 #B0BEC5
300 #90A4AE
400 #78909C
500 #607D8B
600 #546E7A
700 #455A64
800 #37474F
900 #263238
50 #FAFAFA
100 #F5F5F5
200 #EEEEEE
300 #E0E0E0
400 #BDBDBD
500 #9E9E9E
600 #757575
700 #616161
800 #424242
900 #212121
50 #ECEFF1
100 #CFD8DC
200 #B0BEC5
300 #90A4AE
400 #78909C
500 #607D8B
600 #546E7A
700 #455A64
800 #37474F
900 #263238

Typography

Sign Painter House Script is exclusively used for the Limelight logo. Roboto is our standard header typeface and Segoe UI our standard body typeface.

Rr

Roboto Thin

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Roboto Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Roboto Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Roboto Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Ss

Segoe UI Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Segoe UI Semilight

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Segoe UI Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Segoe UI Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789!?@#$%&

Iconography

- In progress -

Usage

Please ensure that logotype usage follows the guidelines as stated above. The Limelight brand is important the key to maintain consistency to help build our brand. Below is an overview of some of the adjustments you should not do to the logotype.

Do not add gradients to the logo.

Do not color (other than approved colors) or rotate the logo.

Do not stretch or skew the logo.

Do not change opacity or add drop shadows/strokes to the logo.

Assets

Whilst some icons/logos can be dynamically generated as required, we've generated some pre-defined assets for your use.

Source Type: .ttf

ABC-Fonts Adobe TypeKit

Source Type: .ttf

Google Fonts

Source Type: .png
Source Size: 500px by 226px

Stylised Logo

Source Type: .png
Source Size: 390px by 176px

Light Logo

Source Type: .png
Source Size: 390px by 176px

Dark Logo