Page 1

A Style Guide


A Style Guide


A Little About Us

On March 3rd 2014 hapi was born. hapi is a network that was created by little people in a big city. In a city like New York, it is easy to loose sight of yourself, your values and your balance. Our founders saw that and wanted to create not only a network, but a community, where people can just take a step back and breathe for a second. hapi is a solution to that problem. Our aim is to get people to take a step back and reconnect their mind, body & soul. It’s to get the user to be able to learn about and experience wellness and wholeness again naturally within themselves. Don’t ever forget to take a breathe and be hapi.


“To calm, inspire & unite the mind, body & soul.” our mission


“Health is a state of complete harmony of the body, mind, & soul. When one is free from physical disabilities and mental distractions, the gates of the soul open�

b.k.s


Table of Contents

our‌ 1 logo mark 3 logo extended 5 typography 7 color scheme 9 corporate card 11 fun cards 13 stationary 15 rules 17 website


Our Logo Mark

The hapi logo mark is the face of our network and it’s core values. Each “leaf� represents an individual entity of the mind, the body and the soul. The mark itself signifies the coming together of all three. When building and arranging the logo mark there is an order to the layering of the colors from bottom to top.

green . yellow . red

.1.


Our Logo Extended

Now that we know a little bit our logo mark, let’s look at how else we can use it! The logo will be primarily used as a combination mark; however, the logo mark and the word mark may be used as separate entities. You may use each in color, or the outlined form. Please make sure that when you are using the color combination mark that you only use the secondary color for the word hapi - do not use black type.

.3.


Our Typography

blanch is only to be used as the hapi logo. mrs eaves the main typeface to be used for all of hapi’s copy. The body copy should always be set in Mrs Eaves Roman. Mrs Eaves Italic or Bold can be used to highlight noteworthy information within the body copy as well as to call out and highlight different pieces of information.

.5.


blanch condensed light

mrs eaves bold

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvwxyz mrs eaves roman

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvwxyz mrs eaves italic

ABCDEFGHIJKLMNOPQRSTUVXYZ abcdefghijklmnopqrstuvwxyz mrs eaves small caps

abcdefghijklmnopqrstuvwxyz


Our Color Scheme

The three primary colors in hapi’s brand identity are always to be used at 70%, unless being used in the word mark series hapi mind, hapi body, hapi soul, which will be seen in the secondary business cards. That word mark series is the only instance where those colors may be used at 100% opacity. There is only one secondary color which is to be used in the hapi word mark in the logo as well as on the email address on the corporate stationary and business cards. It is always be used at 100% opacity. It may also be used as a background color, as a rule, or wherever it is deemed appropriate.

.7.


mind

body

rgb 224 . 195 . 70 cmyk 14 . 19 . 86 . 0 hexadecimal code #e0c346

rgb 186 . 38 . 38 cmyk 19 . 98 . 99 . 9 hexadecimal code #ba2626

opacity in logo 75%

opacity in logo 75%

soul

secondary

rgb 98 . 165 . 71 cmyk 67 . 14 . 97 . 1 hexadecimal code #62a547

rgb 192. 194. 188 cmyk 25. 18. 23. 0 hexidecimal code #c0c2bc

opacity in logo 75%

opacity 100%


Our Corporate Card

Our corporate business card is a vital part of our company’s brand. It has all of the information needed on it - the name of the person you are trying to contact, their job title, the website, the address of the company, the phone number and email which belong specifically to the person you are trying to contact.

.9.


mia seeds Creative Director

hapi.com mia@hapi.com 232 Peace Avenue Portland, Oregon 97213 207.807.3807

mia seeds Creative Director

mrs eaves smallcaps, black, 10 pt mrs eaves italic, black, 10 pt

232 Peace Avenue Portland, Oregon 97213

mrs eaves roman, black, 10 pt

207.807.3807

mrs eaves roman, black, 10 pt

hapi.com mia@hapi.com

mrs eaves bold, secondary, 10 pt mrs eaves italic, black, 10 pt


Our Secondary Cards

The secondary business cards are also key aspects to the company’s brand. These are known as the “fun cards”. They each represent a part of the ‘trifecta’ of mind, body, and soul, using type and color. There is minimal information on these cards as compared to the corporate cards.

.11.


mia seeds Creative Director

hapi.com mia@hapi.com

mia seeds Creative Director hapi.com mia@hapi.com

mrs eaves smallcaps, black, 10 pt mrs eaves italic, black, 10 pt mrs eaves bold, secondary, 10 pt mrs eaves italic, black 10pt


Our Corporate Stationary

The corporate stationary includes the #10 envelope and letterhead as well as the secondary stationary and the corporate business card which is featured previously in the style guide. The main template will remain the same with changes in names, addresses and body copy.

.13.


Our Rules

As with any brand, people like to enjoy and use the logos and branding. And we love for you to use it! Anytime and any place that you can spread a little hapiness is fine with us! You’ve seen a bunch of ways that you can use the different design assets that we have to offer, but now it’s time to see the ways that you can’t use it.

Do not put hapi before the logo mark. Do not change the word mark color to any of the primary colors. Do not change the order of the colors in the logo mark. Do not make the logo mark solid.

.15.


Our Website

The website is the root of the network. It connects users to tv shows, movies and exclusive programming. But most importantly, it connects the users to each other while also allowing them to connect all parts of themselves. Anyone can access the website; however, you must be a member to experience all of the perks that hapi has to offer. The network’s site allows members to stream, make channels and view other user’s channels, blog, and more!

.17.


search hapi

Clear Your

Upgrade

Log In

STREAM BLOG CONNECT SHOP

Heal Your

Connect to Your

then allow all three to unite and be HAPI. START STREAMING

WEEKLY TREATS Yoga Pose: Salabhasana

“A mind troubled by doubt cannot focus on the course to victory” -Arthur Golden WINGS OF LIFE Let your mind relax and soak in the beauty of nature’s prettiest insect. 1 HR 20 MIN

Learn This Pose

Speaker: Kathrun Budig

“& I said to my body softly, ‘I want to be your friend.’ It took a long breath and said ‘I have been waiting my whole life for this.’” -Rupi Kaur

Listen to the Podcast

FOOD MATTERS Healthy eating may be just what the doctor ordered. 1 HR 1 7 MIN

SUGGESTION BOX

NEWSLETTER

Sign Up for HAPI’s weekly newsletter to be alerted on Weekly Treats, Giveaways, New Programs and more!

email address

“True beauty is not of the body or of the face, no, it is a thing of the soul”

HAPI FACT

-Segovia Amil AWAKE - THE LIFE OF YOGANANDA 1 HR 2 6 MIN

Meet the man who popularized the culture of yoga.

3

Hapi Style Guide  

This is a style guide created for a fictional online streaming station which focuses on the balance of mind, body and soul.

Hapi Style Guide  

This is a style guide created for a fictional online streaming station which focuses on the balance of mind, body and soul.

Advertisement