Branding
Welcome to the IMS Brand Guideline. Please feel free to use this page as a resource for any IMS branded material. Our hope is that these assets and standards will help guide you along the creation of any and all communication pieces.
Logo
The IMS logo is available for download in four color applications. Please note that the logo file will not include any colored background as the thumbnails below serve just to provide an example of application.
10x Logo
The 10x logo is available for download.
10X White Logo
Typeface
Roboto is our another typeface for websites, print and other materials. Download Zip
Roboto Light
Roboto Regular
Roboto Medium
Roboto Bold
Color Palette
Use this color palette to guide your designs and layouts to ensure you’re staying consistent with the Clickx brand. Download ASE
Dark Gray
Web Elements
Use the examples below to help direct your designs for web.
Call to Actions
Button and hoverstate (#376af6) on white/light haze background.
Button and hoverstate (#376af6) on Darkstone Blue background.
Button (2pt. Stroke) and hoverstate (with accent blue text, #2986fa) on orange or image background.
Text Styling Example
Header 01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris aliqua.
Header 02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, text link quis nostrud exercitation ullamco laboris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit - Text Link
Header 03
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, text link quis nostrud exercitation ullamco laboris.
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris aliqua.”
Header 04
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, text link quis nostrud exercitation ullamco laboris.
Header 05
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, text link quis nostrud exercitation ullamco laboris.
Header 06
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, text link quis nostrud exercitation ullamco laboris.
Header 01
Title Case
Roboto
Size: 54px (HD Desktop Standard)
Line Spacing: 76px of font size
Header 02
Title Case
Roboto
Size: 44px (HD Desktop Standard)
Line Spacing: 62px of font size
Header 03
Title Case
Roboto
Size: 40px (HD Desktop Standard)
Line Spacing: 56px of font size
Header 04
Title Case
Roboto
Size: 34px (HD Desktop Standard)
Line Spacing: 48px of font size
Header 05
Title Case
Roboto
Size: 28px (HD Desktop Standard)
Line Spacing: 34px of font size
Header 06
Title Case
Roboto
Size: 24px (HD Desktop Standard)
Line Spacing: 34px of font size
Body Copy
Montserrat
Size: 22px (HD Desktop Standard)
Line Spacing: 36px of font size
Text Link
Montserrat
Size: 20px (HD Desktop Standard)
Line Spacing: 26px of font size
Color: #2986fa
Pull Quote
Montserrat Italic
Size: 22px (HD Desktop Standard)
Line Spacing: 36px of font size