Welcome to the Clickx Brand Guideline. Please feel free to use this page as a resource for any Clickx branded material. Our hope is that these assets and standards will help guide you along the creation of any and all communication pieces.
The Clickx 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. Download Zip
Clickx Icon
The Clickx Network logo is available for download.
Montserrat is our another typeface for websites, print and other materials. Download Zip
Montserrat Light
Montserrat Regular
Montserrat Semi
Montserrat Bold
Use this color palette to guide your designs and layouts to ensure you’re staying consistent with the Clickx brand. Download ASE
Use the examples below to help direct your designs for web.
Button and hoverstate (#F5950C) on white/light haze background.
Button and hoverstate (#F5950C) on Darkstone Blue background.
Button (2pt. Stroke) and hoverstate (with accent blue text, #60BBEA) on orange or image background.
Secondary button (#60BBEA) and hoverstate (#42A2E0) option for white/light haze or darkstone blue backgrounds.
Please note that the call to action boxes should have a slightly rounded corner — the examples above have a 4pt. corner radius applied. While different sizes and situations may require you to adjust the corner radius, the goal should be keeping the rounded corners subtle.
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.
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
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.”
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.
Title Case
Source Sans Pro Bold
Size: 54pt (HD Desktop Standard)
Line Spacing: 110% of font size
Sentence or Title Case
Source Sans Pro Regular
Size: 36pt (HD Desktop Standard)
Line Spacing: 110% of font size
Source Sans Pro Semibold
Size: 21pt (HD Desktop Standard)
Line Spacing: 120% of font size
Source Sans Pro Bold
Size: 16pt (HD Desktop Standard)
Line Spacing: 120% of font size
Source Sans Pro Italic
Size: 22pt (HD Desktop Standard)
Line Spacing: 150% of font size
Source Sans Pro Italic
Size: 22pt (HD Desktop Standard)
Line Spacing: 150% of font size
Indented