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.
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.
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
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
