STYLE GUIDE
Tranont Mission Statement Change the world s economy, one household at a time. Tranont Vision Statement We offer individuals world class financial education and training, financial management tools, digital protection and wealth building services.
CONTENTS 1 Logo 2 Secondary Logos 3 Logo Usage 4 Color 5 Typography 6 Online Elements
Logo1
LOGOS Tranont s logo is the main piece of the brand. Proper usage is essential. Preferred usage of the logo, in either horizontal or vertical variation, includes using the color logo on a white background. If the logo is placed on one dark, solid color, the color of the Tranont logo must be all white. Using the colored logo on a colored background is not permissible. Also, using the white version of the logo on a background of more than one color is not permissible. If you are an Associate of Tranont and wish to use Tranont s logo on any print or electronic media for distribution or display, you must use the bottom two variations of the logo with the verbiage Independent Associate. Please be aware of the required whitespace around the logos in both forms () that may not be intruded upon. The font and typography used in the Tranont logos may not be altered.
2 Secondary Logos
SECONDARY LOGOS Tranont has secondary logos which are used in conjunction with certain products and services that Tranont offers. Tranont s secondary logos must use the same guidelines of white space, typography, and color usage that are set for Tranont s main logo. This includes using white versions of these logos on solid backgrounds of one color only. Using the colored logos on a colored background is not permissible. The colored logos should be used only on a white background, preserving white space around the logos that follows the same spacing rules as with Tranont s main logo.
3 Logo Usage
LOGO USAGE These illustrations demonstrate proper and improper usage of Tranont s main and secondary logos. Tranont s main and secondary logos may be used full color in their default colors. The colors of the logos may not be altered or changed. Ta Bot Product Colored versions of the logos may only be placed on a white background preserving surrounding whitespace. White versions of the logos may only be placed on a solid, colored background preserving surrounding blank space. The colored background should be dark enough for Tranont s logos to be readable with good contrast between logo and background. Adding tet, images, or color of any kind over Tranont s logos is not permissible. The Tranont Ball part of the logo may be used on its own, but the typography part may not be used without the Tranont Ball.
4 Color
COLOR Tranont s color palette is vibrant and reflects Tranont s tone of voice: Professional, modern, and strong. Headecimal variations of each color should be used first in all media platforms, including print, web, and presentation materials and environments. Not all colors have eact PANTONE color codes, so PANTONE equivalent color codes are provided; however, headecimal color codes should be used first. CMYK and RGB codes match the headecimal colors and can be used for print materials. PANTONE 7462 C Headecimal # 05538a CMYK 98 72 21 5 RGB 6 84 138 PANTONE 305 C Headecimal #58adda CMYK 61 16 3 0 RGB 89 174 218 PANTONE 166 C Headecimal #e35205 CMYK 0 76 100 0 RGB 227 82 5 PANTONE 356 C Headecimal #399544 CMYK 79 18 100 4 RGB 58 149 69 PANTONE 200 C Headecimal #b61f24 CMYK 19 100 100 11 RGB 182 31 36 PANTONE 7677 C Headecimal #79549d CMYK 62 8 3 0 RGB 121 84 157 PANTONE Cool Gray 8 C Headecimal #888b8d CMYK 23 16 13 46 RGB 136 139 141 Saturation changes are allowed provided there is no variation to the original hue. This rule also applies to Tranont s main and secondary logos.
5 Typography
Helvetica Neue LIGHT Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 TYPOGRAPHY In keeping with Tranont s modern brand, chosen typography is sans-serif, clean, and easy to read. Helvetica Neue should be the main font used for all media environments, whether for Tranont s websites and affiliated websites, print pieces, or presentation material. Gill Sans may be used as a secondary font on both Tranont s websites and affiliated websites and also for print and presentation materials. When coding in the font-family on Tranont s websites and affiliated websites, the font-family should be Helvetica Neue, Gill Sans, sans-serif. Care should be taken with kerning and leading for both fonts and any available weight for both fonts may be used. Serif fonts should not be used at all with Tranont s brand in any environment. REGULAR Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 BOLD Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 CONDENSED BOLD Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 Gill Sans LIGHT Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 REGULAR Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9 BOLD Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww X Yy Zz 0 1 2 3 4 5 6 7 8 9
6 Online Elements
ONLINE ELEMENTS Online elements and assets can range from imagery to graphic elements like icons, glyphicons, and online stock imagery. Stock photos may only be used if either it is free for use imagery or if it is legal property of Tranont or its affiliates. All imagery and iconography used on Tranont s environments or Tranont s affiliates environments must reflect Tranont s mission, tone of voice, brand, and be respectful. All offensive, rude, vulgar, pornographic, nude, or suggestive imagery, iconography, and/or typography is not permitted in any environment for any reason. Consideration of whitespace with edges and elements, whether in electronic or print media, should be taken. At least 8p of space should separate elements not in the same grouping. This rule applies to all imagery, iconography, typography, and other elements used in Tranont s branding and all its environments. BOOTSTRAP 3 GLYPHICONS