BVI Style Guidelines

The Logo

We understand that our colour palette may not be suitable for all websites and social media content so we have created a number of colour options to compliment your branding, which can be downloaded in your resource pack.

BVI Logo

The BVI logo is the instantly recognisable symbol and focal point of our brand. That's why it's so important to use the logo exactly as specified in these guidelines.

myBVI Logo

The myBVI logo will be used by affiliate partners promoting the BVI download link.

Download Logo Files Here.

The Bubbleman

Sometimes, we prefer to simply use the BVI "Bubbleman" on its own instead of the full logo mark. In general, these are communications where the BVI brand has already been established—either through use of the full logo, in copy, or by voiceover.

Alternatively, there will be situations in which we will want the BVI brand to appear less dominant —such as on merchandise or environmental graphics such as wall mural or posters. In these instances, we want the graphics to be the main element, and the Bubbleman to act as a subtle sign of the BVI brand.

Download Bubbleman Here.

Logo Size

In order to give our logo maximum legibility and exposure, please allow for an area of clearance around the entire logo. This gives the logo prominence and ensures that it will not be obscured or diminished by other surrounding elements.

The BVI and myBVI logo should never be smaller than 100px in digital or 35.5mm in print.

The Bubbleman should never be smaller than 28px in digital or 10mm in print.

Logo Use

It is important that the appearance of the logo remains consistent. The logo should not be misinterpreted, modified, or added to. No attempt should be made to alter the logo in any way. Do not rotate, warp, or disproportionately scale the logo. Its orientation, colour and composition should remain as indicated in this document—there are no exceptions.

It is important that the appearance of the logos remain consistent. The logos should not be misinterpreted, modified, or added to. No attempt should be made to alter the logos in any way. Do not rotate, warp, or disproportionately scale the logos. The orientation, colour and composition should remain as indicated in this document—there are no exceptions.

Taglines

BRAND MESSAGING/TAGLINE

3D Health measurement at your fingertips.

COMPANY VALUE PROPOSITION

Understanding your health with BVI.

BVI BOILERPLATE

Select Research is a SaaS digital health company, building 3D body composition measurement software designed to provide a better indication of overall health and health risk. From large enterprises to start-ups, we believe that powerful, innovative customer experience should be within reach for every company, no matter the size, industry or ambition.

Colour Palette

Our colours are bold, enthusiastic and full of energy. To ensure a unified brand, it is important to use these colours and these colours.

PRIMARY COLORS

Primary colours are used in the BVI logo and should also be used to attract attention to something of importance, to provide consistency, and offer recognition to the BVI branding.

Things to Avoid

When it comes to colour, there aren't many "don’ts." The main call-out is don't use colour on colour. If you're using a colour background, don't use colour icons or text.

Fonts

We completely understand that you will want to make any BVI related content fit within your own branding guidelines; however, if you do want to use our branding, feel free!

The type family for BVI is Roboto;

Headers: Roboto Thin / Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Body: Futura Light

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Emphasis Text: Roboto Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Typography Guidelines

Looking for font hierarchy? Our typography guidelines include H1–H6's, body copy, how to denote a link, microcopy, and micro headings on both white and colour backgrounds.

A few things to watch out for

Don't write headlines, headers, body copy, or CTAs in all caps
Use exclamation marks sparingly
Don't use an ampersand unless it's part of a branded term
Sentence casing is most commonly used, with title casing being generally reserved for headings only

Photography

We prefer to use calm, bold photography that conveys health, energy, and authenticity. We are constantly adding to our collection of photography to give anyone operating within the BVI brand a good range of photographs to choose from. Images can be downloaded from the resources from the Affiliate Portal.

Photography Diversity and Localization

Be thoughtful when representing humans. BVI provides content and service throughout the world and it's important for every ethnicity, gender, and identity type to feel represented. Use subjects and settings that reflect the diverse array of BVI’s users and customers. Use spaces, scenery, and context from as many geographies possible. Humans naturally associate with familiar people and settings. When in doubt, represent the minority as the majority.

Icons

Icons are used to assist copy in representing instructional and actionable meaning.

We have four categories of icons: action, editor, utilities, and view icons. All BVI icons can be downloaded in your starter pack. Our icons are designed to be clear in composition and easy to interpret at varying sizes.

Do's

Represent actions, content, and ideas
Represent a unique, specific meaning
Support or indicate an action a user might take
Help the design be easily scanned and understood
Help users better understand repeating patterns

Dont's

Replace all copy with an icon
Assume icons are universally understood
Decorate or fill white space with an icon
Combine many icons together to create an illustration
Use colour icons on colour backgrounds

Sizing Guidelines

40x40px is the standard (and largest available) icon size for web
16x16px is the smallest icon size for web (do not drop below this size)
Offline icon sizes may vary based on the size of the execution

Illustrations

Illustrations are used to help visualize offers, moments of celebration, and challenging concepts or education. Their function is to bring visitors, users, or other viewers to the point of the narrative. All illustrations can be downloaded with your resource pack

When designing, sometimes an icon just doesn't cut it. Illustrations help visualize a challenging concept or add delight to an exciting moment.

Do's

Help communicate with the customer at important times
Fit illustrations seamlessly with the tone of the copy
Add an element of joy or playfulness to your design
Use illustrations as a reflection of the brand's values and style
Use the illustrations and style provided

Dont's

Overuse illustrations to the point of annoyance
Confuse readers by using an illustration that doesn't match the content of the page
Overpower your page or design with illustrations
Create illustrations in a style inconsistent with brand-approved illustrations
Use illustrations on an already colourful background
Use illustrations as if they were icons

Sizing Guidelines

300x300px is the standard (and largest available) illustration size for web
100x100px is the smallest illustration size for web (do not drop below this size)
Offline illustration sizes may vary based on the size of the execution