wellthy brand book- mini...r167 g168 b170 hexcode #a7a8aa c18 m13 y14 k0 r208 g208 b208 hexcode...

BRAND GUIDELINES

T H E R A P E U T I C S

55

WELCOME TO OUR

BRAND BOOK

This book has been created to ensure our colleagues, partners and agencies understand all the things that drive and define us. It comes in two parts:

1 Our brand story. This explains our unique business strategy, and the values that set us apart from our competitors. It also introduces our brand promise.

2 Our brand guidelines. Here you’ll find practical guidance on creating materials to help you capture and communicate our brand, consistently and creatively.

1

OUR

BRAND GUIDELINES

Here you’ll find practical guidance on creating materials to help you capture and communicate our brand, consistently and creatively.

2

Logo

Digital Brand icon


x

xx

x

x

x


x

xx

x

x

x

Digital Logo

xx

x

x

xx

x

x

x

x

x

Print Brand icon

x


xx

x

x

x


x

xx

x

x

x

Print Logo

xx

x

x

x xx

x

x

x

x

Clear SpaceTo maintain its integrity, the brand signature must be kept clear of any other elements. This clear area around the brand signature is known as the clear zone. It is the minimum space that must be provided around the brand signature.

Top Right Alignment XIf the layout calls for placing the logo atthe top right or left, it is placed at a height of 1X from the top, and at an equal distance from right and left.

Minimum SizeTo ensure legibility, a minimum size restric-tion has been placed on the brand signa-ture. Using the logo symbol as a guide, the brand signature must not be smaller than 75mm in height.

Writing in typeface: Wellthy Therapeutics, whenever written in typeface, should be written with Capitalised first letters.

Inclusion in collateral: The Wellthy Therapeutics logo MUST be included in all collateral

3



Incorrect Logo Usage

Do not tilt it inward or outwardTo maintain its integrity, none of the elements within the Wellthy brand signature should be altered in any way.

The correct proportions, colours, the relationship between the logo symbol and brand name must be maintained at all times.


T H E R A P E U T I C ST H E R A P E U T I C S


Theraputics is mandatory to write

Do not change the color of the logo

Don’t change the color of the Wellthy “W” icon with background


Don’t place logo on pictures


Include shadow in brand icon ‘w’

Don’t change the ratio of the logo


4

Make sure to delete the stroke from therapeutics

Color Applications


T H E R A P E U T I C ST H E R A P E U T I C S

The full colour identity is preferred forall printed and digtial materials. The single colour or reversed white identity is used when there is a printing restriction or for better legibility against different backgrounds.

T H E R A P E U T I C S T H E R A P E U T I C S

T H E R A P E U T I C S T H E R A P E U T I C S

Full colour application

Single colour application Grayscale Application

Reversed Applications - on any dark background

5

Heading

Sub-Heading

Paragraph

Supporting Font

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

Avenir LT Std - 95 Black


Avenir LT Std - 35 Light

abcdefghijklmnopqrstuvwxyz





ABCDEFGHIJKLMNOPQRSTUVWXYZAvenir LT Std - 55 Roman


Avenir LT Std - 85 Heavy

Wellthy Font Family

To maintain the integrity and consistency of our typography, the corporate typeface for the Wellthy brand is Avenir. It is a distinctive typeface available in various weights from an extensive family.

Illustrated here are a few samples from the family. To maintain consistency of presentation throughout Wellthy printed communications, the corporate typeface should be used.

We must ensure text hierarchy while utilizing the fonts.

Font Colors

6

The Brand Colour Palette (Print)

We use a range of uplifting colours, but we remain an orange brand.

Primary colour:Orange is our primary visual signature. It helps create positivity, friendliness and a sense of innovation in everything we do. It should always be the prominent colour across our communications.

Secondary colours:Vibrant secondary colours add freshness and bring life to our communications, illustrations and graphics. Where possible, use brighter and more contrasting colour combinations from across the sets. You can use tints if you need to, but be careful not to overuse them. Our preferential order of secondary colors usage is to always start with blue, followed by green, magenta and violet color ranges. If allocating specific colors to mark a section, ensure color consistency across the section.

Black colours:Use the Black colour set for type, keylines and the logo when printing is limited. Remember to use white space within layouts to create a balance, and sense of openness and simplicity.

Primary colour Wellthy Orange

Wellthy Orange

C0 M65 Y100 K0

R255 G121 B0

Hexcode #ff7900

Secondary colours

C0 M65 Y100 K0

R255 G121 B0

Hexcode #ff7900C0 M51 Y99 K0

R254 G147 B21

Hexcode #fe9315C0 M36 Y93 K0

R253 G174 B43

Hexcode #fdae2bC0 M23 Y86 K0

R253 G198 B62

Hexcode #fdc63e

Black colour setWhite

C100 M96 Y31 K41

R3 G20 B81

Hexcode #031451

C100 M97 Y5 K1

R43 G48 B144

Hexcode #2b3090

C79 M77 Y0 K0

R76 G72 B197

Hexcode #4c48c5

C69 M67 Y0 K0

R108 G94 B247

Hexcode #6c5ef7

C87 M30 Y85 K18

R18 G118 B75

Hexcode #12764b

C71 M15 Y96 K2

R87 G160 B74

Hexcode #57a04a

C40 M0 Y92 K0

R166 G208 B72

Hexcode #a6d048

C13 M0 Y83 K0

R233 G249 B71

Hexcode #e9f947

C48 M97 Y53 K56

R84 G0 B46

Hexcode #54002e

C47 M100 Y33 K14

R135 G19 B97

Hexcode #871361

C24 M92 Y0 K0

R197 G42 B159

Hexcode #c52a9f

C16 M81 Y0 K0

R247 G61 B209

Hexcode #f73dd1

C100 M95 Y40 K51

R10 G20 B63

Hexcode #0a143f

C88 M100 Y15 K9

R70 G18 B125

Hexcode #46127d

C65 M91 Y0 K0

R126 G17 B183

Hexcode #7e11b7

C49 M81 Y0 K0

R193 G15 B253

Hexcode #c10ffd

C75 M68 Y67 K90

R0 G0 B0

Hexcode #000000

C62 M52 Y48 K19

R99 G102 B106

Hexcode #63666a

C36 M29 Y28 K0

R167 G168 B170

Hexcode #a7a8aa

C18 M13 Y14 K0

R208 G208 B208

Hexcode #d0d0d0

7

C36 M29 Y28 K0

R167 G168 B170

Hexcode #a7a8aa

C36 M29 Y28 K0

R167 G168 B170

Hexcode #a7a8aa

Angle : 45.5o

Angle : -45.5o

Gradient of color is in angle of 45.5. Shade is to bottom and Tint is to upper side of any collateral

Gradient of color is in angle of -45.5.Shade is to bottom and Tint is to upper side of any collateral

The Brand Color Palette (Digital)

Our digital color palette consists of gradients used in a 50:50 ratio used in a 45 degree angle, with light colors on top.

Ensure to use the appropriate text colors to ensure its easy visibility.

Primary Gradient colour Wellthy Orange

Secondary Gradient colours

C0 M65 Y100 K0

R255 G121 B0

Hexcode #ff7900C0 M23 Y86 K0

R253 G198 B62

Hexcode #fdc63e

Black colour set

C100 M96 Y31 K41

R3 G20 B81

Hexcode #031451

C69 M67 Y0 K0

R108 G94 B247

Hexcode #6c5ef7

C87 M30 Y85 K18

R18 G118 B75

Hexcode #12764b

C13 M0 Y83 K0

R233 G249 B71

Hexcode #e9f947

C48 M97 Y53 K56

R84 G0 B46

Hexcode #54002e

C16 M81 Y0 K0

R247 G61 B209

Hexcode #f73dd1

C100 M95 Y40 K51

R10 G20 B63

Hexcode #0a143f

C49 M81 Y0 K0

R193 G15 B253

Hexcode #c10ffd

C75 M68 Y67 K90

R0 G0 B0

Hexcode #000000

C18 M13 Y14 K0

R208 G208 B208

Hexcode #d0d0d0

8

Iconography and Illustrations

Icons and infographics should elevate and support our messaging to help tell an overall story.

We have established a proprietary look to build consistency and signal aspirational qualities of our brand.

Our icons are friendly and accessible. They are designed to help the audience visually navigate our communications.

Make sure to use high quality illustrations when referring to our product and its features.

Do not apply gradients, drop shadows, or textured patterns. Icons should apply flat colours especially for print purposes.

For Indications

For product features

All purpose icons

Ischemic Heart Diease

Dyslipidemia Congestive Heart Failure

Diabetes Hypertension Chronic Kidney Disease

9

Lifestyle Tracker Personal Health CoachingInteractive Lessons

Fun Challenges Emergency Assistance Detailed Lifestyle Reports

Instant feedabck

Easy reads, tips and tricks

Graphs

Our graphs can be created in shades of our primary and secondary colors only or in combinations of both.

Selection can be done based on the audience for communication. For example, scientific poster presentations will be nicer with single color graphs while patient com-munications are nicer with combinations.

For combinations: Use the third shade in our print color palette to ensure warmth and brightness.

Graphs should not carry a gradient, as it leads to interpretation differentials.

The order of usage of our colors should be: Orange > Blue > Green > Magenta > Violet

Make sure to add graph axis with appropriate labels. The thickness of the graph axis can be variated according to the material being developed.

C36 M29 Y28 K0

R167 G168 B170

Hexcode #a7a8aa

0

1

2

3

201810

90

100

80

70

60

50

40

30

20

10

0

90

100

60

30

2019 2020 2021

201810

90

100

80

70

60

50

40

30

20

Axis colors

10

wellthy brand book- mini...r167 g168 b170 hexcode #a7a8aa c18 m13 y14 k0 r208 g208 b208 hexcode...

Documents