Index

Philosophy

Logo

Colors

Typography

Tone of Voice

Grid

Photography

Shapes

Applications

EB_Symbol_Magenta_RGB

<  Back

Everbright Talent  Development

Brand Guidelines | Ver. 1.0, 06.2025



Philosophy

Logo

Colors

Typography

Tone of voice

Grid

Photography

Shapes/Containers

Applications




Brand alignment starts here.

EVB_BrandGuidelines_HeaderPhoto_2a

Philosophy

Win together


Our brand is a vibrant embodiment of our values, shining through every interaction and touchpoint. These guiding principles are accessible to all—designers and non-designers alike—who contribute to Everbright’s creative vision. They establish the standards for the innovation and quality that our brand upholds and our clients rightfully expect. While we embrace growth and evolution, our core principles are steadfast, ensuring that everything we create remains unmistakably Everbright. 

Logo

Minimum logo clearspace

Sub-branding

Co-branding

Logo color

Logo on photography

Social media  icon

App icon

Misuse


Logo


The Everbright logo plays a crucial role in defining our brand identity. To keep it instantly recognizable across all surfaces, it’s important to adhere to consistent guidelines for placement, sizing, clear space, and color usage. Additionally, this section will explore exciting aspects of sub-branding, co-branding, our social media symbol, and the app icon. By following these guidelines, we can proudly showcase the Everbright brand in the best possible light!

EVB_Logo_Signature_Magenta_RGB
Download logopack

Minimum logo clearspace


To achieve the best presentation of the logo, it is important to maintain generous clear space around it, free from any margins or elements. This principle, defined by the size of X outlined below, significantly enhances the logo’s visibility and impact.

2000x1200_Logo_Guideline_v2_Signature Clearspace 2000x1200_Logo_Guideline_hover
2000x1200_Logo_Guideline_Symbol Clearspace up 2000x1200_Logo_Guideline_v2_Signature Clearspace down
2000x1200_Logo_Guideline_v2_Symbol Clearspace 2000x1200_Logo_Guideline_Symbol Clearspace_hover
2000x1200_Logo_Guideline_v2_Symbol Clearspace up 2000x1200_Logo_Guideline_v2_Symbol Clearspace down

Sub-branding


The simplicity of our logo allows it to have various lock-ups when we communicate our products or progams—e.g. Flock Factor, Chukker Challenge, or Launch.

2000x1200_Logo_Guideline_SubBrand

Co-branding


When we collaborate or partner with other brands, we have developed a system for co-branding. Either Everbright leads, or the collaborator leads. Both options are ok. Depending on the surface the logos are visible on, we can choose between horizontal and vertical lock-ups.

Horizontal system for 

Everbright/Partner Brand


A: This white space needs to be visually balanced rather than mathematically correct


B: This logo size needs to visually match the weight of the Everbright logo


C: This logo size needs to visually be centered rather than mathematically centered

2000x1200_Logo_Guideline_Co_Brand_01 2000x1200_Logo_Guideline_hover_Co_Brand_01

Horizontal system for 

Partner Brand/Everbright


A: This white space needs to be visually balanced rather than mathematically correct


B: This logo size needs to visually match the weight of the Everbright logo


C: This logo size needs to visually be centered rather than mathematically centered

2000x1200_Logo_Guideline_Co_Brand_02 2000x1200_Logo_Guideline_hover_Co_Brand_02

Vertical system


A: This white space needs to be visually balanced rather than mathematically correct 


B: This logo size needs to visually match the weight of the Everbright logo

2000x1200_Logo_Guideline_Co_Brand_03 2000x1200_Logo_Guideline_hover_Co_Brand_03

Misuse


Not recommended bc of our asymetrical logo

2000x1200_Logo_Guideline_Co_Brand Misuse

Logo color


The Everbright logo should only be used in magenta, black, or white.

2000x1200_Logo_Guideline_hover
2000x1200_Logo_Guideline_Signature Logo Black
2000x1200_Logo_Guideline_Signature Logo White

Logo on photography


Ensure our logo stands out beautifully against the photography by maintaining sufficient contrast, making it clear, crisp, and easily legible for optimal impact.

2000x1200_Logo_Guideline_OkOnPhoto_01
2000x1200_Logo_Guideline_OkOnPhoto_02

Social media icon


Our social media avatar is designed to stand out on any platform. Since it’s almost always connected to our username, it’s permissible to use only the icon, creating a strong and recognisable brand mark.

2000x1200_Logo_Guideline_SoMe icon_03 2000x1200_Logo_Guideline_SoMe icon_hover_03
2000x1200_Logo_Guideline_SoMe icon_01 2000x1200_Logo_Guideline_SoMe icon_hover_01

App icon


Following the same principles as our social media icon, Everbright’s app icon is designed to stand out in a jungle of other app icons.

2000x1200_Logo_Guideline_SoMe icon_02 2000x1200_Logo_Guideline_SoMe icon_hover_02

Misuse


We encourage you to treat our logo with care and maintain its consistency across all platforms. It is important that it remains unaltered and true to its original design. Below, you’ll find examples of what not to do in order to help guide you in this process.

Do not distort the logo


2000x1200_Logo_Guideline_Signature Misuse_01

Do not place the logo vertically

2000x1200_Logo_Guideline_Signature Misuse_08

Do not tilt or rotate the logo

2000x1200_Logo_Guideline_Signature Misuse_02

Do not apply a color to the logo and place it on a colored background

2000x1200_Logo_Guideline_Signature Misuse_03

Do not put a stroke on the logo

2000x1200_Logo_Guideline_Signature Misuse_05

Do not modify our clean black 

or clean white color


2000x1200_Logo_Guideline_Signature Misuse_04

Do not outline the logo

2000x1200_Logo_Guideline_Signature Misuse_06

Do not apply drop shadow

2000x1200_Logo_Guideline_Signature Misuse_07

Do not use the logo as a 

frame for photography


2000x1200_Logo_Guideline_Signature Misuse_09

Do not use the logo as part 

of typography. When referring 

to Everbright in running text, 

always use our brand typeface, 

Merriweather, in the same weight as the rest of the copy.


2000x1200_Logo_Guideline_Color Misuse_10

Colors

Primary colors

Pillar colors

Acceptable color combinations

Colored backgrounds with logo

Colored backgrounds with type

Misuse


Colors


We proudly embrace a bold and vibrant primary color that commands attention on any surface. Our secondary colors provide space for contrast and add a pop of energy. Each primary and secondary color features both light and dark variants, ensuring a rich variety. Furthermore, each pillar is thoughtfully paired with a unique color, accompanied by its own light and dark versions, contributing to a cohesive and dynamic visual identity.

Primary colors


Our primary color is magenta. Our secondary colors are navy and yellow green.

Magenta

  • HEX #E01983

  • RGB 224, 25, 131

  • CMYK 6, 98, 9, 0

  • PMS 813

Magenta Dark

  • HEX #7F0066

  • RGB 127, 0, 102

  • CMYK 4, 100, 28, 14

  • PMS 2415

Magenta Light

  • HEX #FFB7DC

  • RGB 255, 183, 220

  • CMYK 0, 36, 0, 0

  • PMS 217

Navy

  • HEX #091044

  • RGB 9, 16, 68

  • CMYK 100, 85, 35, 70

  • PMS 2955

Navy Medium

  • HEX #777C9A

  • RGB 119, 124, 154

  • CMYK 59, 49, 24, 2

  • PMS 535

Navy Light

  • HEX #B6B8C8

  • RGB 182, 184, 200

  • CMYK 29, 23, 12, 0

  • PMS 537

Yellow Green

  • HEX #D6DE50

  • RGB 214, 222, 80

  • CMYK 21, 0, 99, 0

  • PMS 396

Yellow Green Dark

  • HEX #6D7744

  • RGB 109, 119, 68

  • CMYK 57, 38, 84, 19

  • PMS 582

Yellow Green Light

  • HEX #F3F5C6

  • RGB 243, 245, 198

  • CMYK 5, 0, 27, 0

  • PMS 587

White

  • HEX #ffffff

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

Black

  • HEX #000000

  • RGB 0, 0, 0

  • CMYK 60, 40, 40, 100

  • PMS Black 6C

Pillar colors


We also have  our pillar colors including green, red, purple, and teal.

Recruiting Green

  • HEX #57AA00

  • RGB 224, 25, 131

  • CMYK 70, 9, 100, 1

  • PMS 376

Recruitment Green Dark

  • HEX #2E5D34

  • RGB 46, 93, 52

  • CMYK 80, 39, 92, 34

  • PMS 364

Recruitment Green Light

  • HEX #A5D083

  • RGB 165, 208, 131

  • CMYK 38, 1, 64, 0

  • PMS 365

L&D Red

  • HEX #D80820

  • RGB 216, 8, 32

  • CMYK 9, 100, 100, 1

  • PMS 1788

L&D Red Dark

  • HEX #701638

  • RGB 112, 22, 56

  • CMYK 38, 98, 58, 40

  • PMS 209

L&D Red Light

  • HEX #EE8689

  • RGB 238, 134, 137

  • CMYK 2, 59, 34, 0

  • PMS 487

Performance Mgmt Purple

  • HEX #AF49AF

  • RGB 175, 73, 175

  • CMYK 37, 83, 0, 0

  • PMS 252

Perf Mgmt Purple Dark

  • HEX #5C2D7B

  • RGB 92, 45, 123

  • CMYK 78, 99, 17, 5

  • PMS 258

Perf Mgmt Purple Light

  • HEX #D59CD3

  • RGB 213, 156, 211

  • CMYK 15, 43, 0, 0

  • PMS 256

Retention Teal

  • HEX #00A8AF

  • RGB 0, 168, 175

  • CMYK 77, 11, 33, 0

  • PMS 631

Retention Teal Dark

  • HEX #005C7B

  • RGB 0, 92, 123

  • CMYK 94, 58, 35, 14

  • PMS 5473

Retention Teal Light

  • HEX #4FD1D4

  • RGB 79, 209, 212

  • CMYK 58, 0, 22, 0

  • PMS 304

Acceptable color combinations


The approved color combinations below should be used when combining artwork and typography in our brand colors. Adhering to these guidelines will not only ensure consistency across all platforms but also enhance ADA compliance, promoting optimal legibility and readability.

2000x1200_Logo_Guideline_ColorOKCombos_01

Colored backgrounds with logo


Below are the different color combinations allowed to be used when combining our logo with our brand colors. Follow these guidelines to ensure consistency across all mediums.

2000x1200_Logo_Guideline_Signature Color_02
2000x1200_Logo_Guideline_hover
2000x1200_Logo_Guideline_Signature Logo Black
2000x1200_Logo_Guideline_Signature Logo White
2000x1200_Logo_Guideline_Signature Color_01
2000x1200_Logo_Guideline_Signature Color_04

Colored backgrounds with type


Below are the primary color combination to use when combining our typography with our brand color. 

2000x1200_Logo_Guideline_ColorBGType_01
2000x1200_Logo_Guideline_ColorBGType_04
2000x1200_Logo_Guideline_ColorBGType_06
2000x1200_Logo_Guideline_ColorBGType_02
2000x1200_Logo_Guideline_ColorBGType_03
2000x1200_Logo_Guideline_ColorBGType_05

Misuse 


Our colors should always be treated with respect and appear consistent throughout all formats. The colors should never be reimagined, tampered with, or modified in any way. Below are some absolute no-no's.

Magenta on Green

2000x1200_Logo_Guideline_Color Misuse_02

Magenta on Red

2000x1200_Logo_Guideline_Color Misuse_01

Magenta on Teal

2000x1200_Logo_Guideline_Color Misuse_03

Magenta on Purple

2000x1200_Logo_Guideline_Color Misuse_04

Do not place a colored logo 

on a colored image that makes the logo hard to read

2000x1200_Logo_Guideline_Color Misuse_05 2000x1200_Logo_Guideline_Color Misuse_06

Typography


Brand Typeface

Brand Fonts

Weights & Sizing

Alignment

Margins

Case

Tracking

Kerning

Leading

Misuse

Typography


Our brand type family has been carefully curated for optimal legibility, flexibility, and functionality. We’ve chosen Google fonts, including Merriweather for titles, Nunito for eyebrows, and Merriweather Sans for body copy. Consistent and effective use of these fonts will enhance and strengthen our brand experience. 

Brand fonts


Below are the three brand fonts that are in use.

Merriweather


ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$¢:;,.*

Merriweather Sans


ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$¢:;,.*

Nunito


ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Weights & Sizing


Merriweather comes in two selected main cuts: Merriweather Light (300), Merriweather Regular (400). No associated italics. Throughout the visual identity, Merriweather Light (300) is our go-to weight and utilised for titles and subtitles. Using Merriweather Regular is an exception to the rule when Light does not work.


For subheadings, we use Merriweather Sans Semibold (600) and Semibold Italic sparingly. Merriweather  Sans Light  and Italic (both 300) for body copy. 


Nunito Extra Light (200) are used for title eyebrows when applicable, and Nunito Light (300)  if Extra LIght visually does not work.

Merriweather Light

Merriweather Regular


Merriweather Sans Light

Merriweather Sans Light Italic

Merriweather Sans Semibold

Merriweather Sans Semibold


Nunito Extra Light

Nunito Light

Download Fontpack

Alignment


Large typography should always be left-aligned or centered. It should never right-aligned or justified.

2000x1200_Logo_Guideline_Type Align tile left
2000x1200_Logo_Guideline_Type Align title center
2000x1200_Logo_Guideline_Type Align title right
2000x1200_Logo_Guideline_Type Align title Justified

Smaller typography should always be left-aligned.  Never centered, right-aligned or justified

2000x1200_Logo_Guideline_Type Align Left
2000x1200_Logo_Guideline_Type Align Center
2000x1200_Logo_Guideline_Type Align Right
2000x1200_Logo_Guideline_Type Align Justified

Margins


Our margins are decided from the grid margin principle. This varies based on the workspace. When margins have been set, make sure typography follows them.

2000x1200_Logo_Guideline_Type Margins_base 2000x1200_Logo_Guideline_Type Margins

Case


When setting type, sentence case should always be used unless working with the eyebrow using Nunito Extra Light font.

2000x1200_Logo_Guideline_Type Margins

Never use all caps on titles, 

subtitles, and body copy


The only exception is when using

Nunito font as an eyebrow

2000x1200_Logo_Guideline_Type no all caps

Tracking


Tracking is the spacing given to all letters in a word. Tracking should be quite tight. Too loose or too tight tracking should always be avoided. Below are some guidelines to follow.

Correct tracking

2000x1200_Logo_Guideline_Type Margins

Too tight tracking

2000x1200_Logo_Guideline_type too tight

Too loose tracking

2000x1200_Logo_Guideline_Type too loose

Kerning


Kerning is the spacing between each individual letter in a word. Once tracking is set correctly, go into each word and manually adjust the kerning to make sure it sits perfectly. When working in design software, kerning should always should be set to Optical for larger title sizes  and Metric for smaller sizes . Below are some guidelines to follow.

Optical Kerning / 

Metric Kerning (hover)

2000x1200_Logo_Guideline_Type Margins 2000x1200_Logo_Guideline_Type metric kerning

Not OK kerning

2000x1200_Logo_Guideline_Type metric kerning

OK kerning

2000x1200_Logo_Guideline_Type Margins

Leading


Leading (also known as line spacing) is the space between lines of words. Leading should be optically bigger than the spacing between words, which again should be greater than the tracking. This will result in perfect legibility. Follow this principle for both print and digital type setting. When choosing your leading, be mindful that leading isn’t so tight that the descenders of the top line do not touch the ascenders of the line below it (which basically means that the lower parts of the g/j/p/q/y do not touch the upper parts of the b/d/f/h/k/l/t). 

Correct leading

2000x1200_Logo_Guideline_Type Margins

Too loose leading

2000x1200_Logo_Guideline_Type Leading too loose

Too tight leading

2000x1200_Logo_Guideline_Type Leading too tight

Misuse


Below are some examples that should always be avoided when setting typography. There will most definitely be occasions where type issues arises, that isn’t shown in the examples below. In these cases, refer to the guidelines and be as logical as possible. Try to find solutions that feels consistent and correct with the overall brand aesthetic.

2000x1200_Logo_Guideline_Type Align Center
2000x1200_Logo_Guideline_Type Align Right
2000x1200_Logo_Guideline_Type Align Justified

Tone of voice


Principles

Signature messaging

Misuse

Tone of voice


Let’s give them something to talk about! To get people to actually listen, we speak with a distinctive voice that projects a memorable, identifiable, and thought partner-centric message. We are driven by substance in our brand communication. We aim to communicate only relevant topics for our target audiences. When we talk, we speak clearly, thoughtfully, and authentically. When we write,  we impart messaging with brevity, wit, and professionalism.

EverbrightTuesday-14

Principles


Our core characterisics: 


Clarity

Trust

Creative

Dynamic

Personalized


Brand Personification: 


We show up strategically.

We show up dependably.

We show up vibrantly.

We show up agilely.

We show up expertly.

Signature messaging



Everbright is 

a trusted partner for global brands.

Misuse


Never try to be sarcastic, funny, politically charged, wrong, or sloppy. Always use correct grammar and spelling. Be careful with punctuation and with excessive use of exclamation or question marks.

2000x1200_Logo_Guideline_Type Punctuations

Grid


Margins

Columns

Typography Alignment

Typography Layout

Imagery Layout

Grid



Grid is an important part of our design system. Our grid layout principles are flexible and should always put our content in focus.

Margins


Margins are defined by the our grid design system. 

2000x1200_Logo_Guideline_Type Margins_base 2000x1200_Logo_Guideline_Type Margins

Columns


To keep things tight and precise, use one of these  grid systems when designing a layout where applicable.

2000x1200_Logo_Guideline_Column 8 grid

8-column grid for landscape orientation

2000x1200_Logo_Guideline_Column 6 grid

6-column grid for portrait orientation

2000x1200_Logo_Guideline_Column 16-9

12-column grid option for a 16:9 ratio or  shorter landscape orientation

Typography Aligment


We always set our type left-aligned. 

2000x1200_Logo_Guideline_Typo Align 1 col 2000x1200_Logo_Guideline_Typo Align 1 col_hover
2000x1200_Logo_Guideline_Type Align 2 cols 2000x1200_Logo_Guideline_Type Align 2 cols hover
2000x1200_Logo_Guideline_Type Align 4 cols 2000x1200_Logo_Guideline_Type Align 4 cols_hover

Typography layout


When setting typography in a layout, follow our simple rules of margins and colums to always come correct. Aim to limit type sizes to a maximum of three diffrent styles. 

Title only

2000x1200_Logo_Guideline_Grid_Layout_01 2000x1200_Logo_Guideline_Grid_Layout_01_Hover

Title + Body

2000x1200_Logo_Guideline_Grid_Layout_02 2000x1200_Logo_Guideline_Grid_Layout_02_Hover

Body only

2000x1200_Logo_Guideline_Grid_Layout_03 2000x1200_Logo_Guideline_Grid_Layout_03_Hover

Imagery Layout


We also have the power to use imagery when we communicate. Use the following alternatives and guidelines to use photography correct in your designs. 

Horizontal layout, 

full bleed imagery

2000x1200_Logo_Guideline_Photo_Layout_02_Hover 2000x1200_Logo_Guideline_Photo_Layout_02_Hover

Horizontal layout, imagery

2000x1200_Logo_Guideline_Photo_Layout_01_Hover 2000x1200_Logo_Guideline_Photo_Layout_01

Horizontal layout, imagery

2000x1200_Logo_Guideline_Photo_Layout_03_Hover 2000x1200_Logo_Guideline_Photo_Layout_03

Photography


Categories

Guide for photographers




Photography


Our photography library is an ever-expanding roster of great imagery from around the world — often provided by Ryan Greenleaf. High-quality photography builds brand reputation. 

Our Photography Library

Categories


We have two main photography categories: People and Landscape. Always ensure to use the most relevant category for your communication message.

800x1200_Logo_Guideline_PhotoVert_01 800x1200_Logo_Guideline_PhotoVert_01_Hover
800x1200_Logo_Guideline_PhotoVert_02 800x1200_Logo_Guideline_PhotoVert_02_Hover
800x1200_Logo_Guideline_PhotoHorz_01 800x1200_Logo_Guideline_PhotoHorz_01_Hover
800x1200_Logo_Guideline_PhotoVert_03 800x1200_Logo_Guideline_PhotoVert_03_Hover
800x1200_Logo_Guideline_PhotoVert_04 800x1200_Logo_Guideline_PhotoVert_04_Hover
800x1200_Logo_Guideline_PhotoHorz_02 800x1200_Logo_Guideline_PhotoHorz_02_Hover
800x1200_Logo_Guideline_PhotoVert_05 800x1200_Logo_Guideline_PhotoVert_05_Hover
800x1200_Logo_Guideline_PhotoVert_06 800x1200_Logo_Guideline_PhotoVert_06_Hover
800x1200_Logo_Guideline_PhotoHorz_03 800x1200_Logo_Guideline_PhotoHorz_03_Hover
800x1200_Logo_Guideline_PhotoVert_07 800x1200_Logo_Guideline_PhotoVert_07_Hover
800x1200_Logo_Guideline_PhotoVert_08 800x1200_Logo_Guideline_PhotoVert_08_Hover
800x1200_Logo_Guideline_PhotoHorz_04 800x1200_Logo_Guideline_PhotoHorz_04_Hover
800x1200_Logo_Guideline_PhotoVert_10 800x1200_Logo_Guideline_PhotoVert_10_Hover
800x1200_Logo_Guideline_PhotoVert_09 800x1200_Logo_Guideline_PhotoVert_09_Hover
800x1200_Logo_Guideline_PhotoHorz_05 800x1200_Logo_Guideline_PhotoHorz_05_Hover
800x1200_Logo_Guideline_PhotoHorz_06 800x1200_Logo_Guideline_PhotoHorz_06_Hover

Guide for photographers


Shoot with some depth of field 

A shallow depth of field helps isolate your subject, while a deep one captures more context.


Don’t be afraid to try unique angles

Overhead, down below, or even unconventional perspectives can make an image more dynamic.


Get into the scene

Make the viewer feel as though they are part of the action by shooting from an immersive perspective.


Use objects out of focus in the foreground

Framing your subject with blurred elements adds depth and intrigue.


Try to shoot with natural light

Shadows should be dark and rich but fall off naturally for a balanced look.


Capture candid moments

Authentic expressions and movement bring life and storytelling to your shots.


Use leading lines

Roads, fences, or even light and shadows can subtly guide the viewer’s eye toward your subject.


Think in layers

 Incorporate foreground, middle ground, and background to create a sense of depth.


Play with negative space

Letting your subject breathe within a frame can create a minimalist, striking effect.


Mind your color palette

Harmonizing colors can set the mood, while contrast helps subjects pop.


Tell a story

A single photo or sequence should evoke emotion, curiosity, or a sense of place.


Adjust your perspective

Shoot close-up details, wide shots, and everything in between for variety and context.

Shapes/Containers


Container Form System

Scaling the Container

Container for Media Ads

Container Form usage

Shapes/Containers 





Container Form System


Our Everbright form system consists of three containers using the new logo as reference.

2000x1200_Logo_Guideline_Container Form 01


Scaling the Container

The shape should be scaled proportionally to fill the surface area. The two bottom anchor points can be adjust for height, once the width has been achieved. Do not adjust any of the angles, as these are reflective of the brandmark.

2000x1200_Logo_Guideline_Container Form 02


Container for media ads


The samples below show how the container forms can scale to meet the requirements of various digital or print formats. 

2000x1200_Logo_Guideline_Container Form 07


Container Form Usage


The samples below show how the container forms are used.

Color Field:

Color on color can be striking, and can give the designer a creative way to make a simple layout compelling

Asset 1
Asset 2

Image Container:

Images can be cropped in an ownable manner, creating visual assets that tie back to the brand

Asset 3
Asset 4

Form over image:

Setting body copy over an image can be tricky. The container forms provide a simple tool

Asset 5
Asset 6

Applications

Applications 


Continously updated with relevant examples.

Colors_section
2000x1200_Logo_Guideline_Application_01
EverbrightTuesday-8
EVB_Keychain
EverbrightSlideshow-54
EverbrightSlideshow-177


Back to top