These are the official Intouch graphical resources and branding guidelines. They can be used in digital or on paper for every touchpoint between our brand and the user.
The connecting triangles represent the businesses and people that come together through Intouch’s central account, which is reflected by the central point. They create the shape of an arrow alluding to moving forward.
Use these alternate logos on dark-coloured backgrounds or for one-colour printing. Please select the primary logo above before using any of the other variations. Each colour has a version for use at small sizes under 400px. These versions come with the prefix SSS and must be used wherever the logo appears at less than 400px wide. Both print and web versions have also been included in the kit. Please use the appropriate version for your document.
full colour on dark grey
WHITE ON DARK GREY
Regular Logo at 460px
DARK GREY ON WHITE (one-colour)
SSS Small Version at 460px
The logomark may also be used on it’s own in certain circumstances where the full logo is not possible. The blue mark is the preferable option and should always be used before the other two. The white version should be used next and reversed out of the brand’s main blue if possible.
Please ensure there is one “O”s worth of spacing around the logo at all times. If for whatever reason you need to place the symbol and word intouch together, there should be two triangles worth of spacing between them.
These are the logo colours and so should be the first colours selected when creating branding materials. When creating files for web, RGB colour mode must be used. When creating files for print, CMYK colour mode must be used.
These colours should be used to complement the colours above. Avoid using too many colours from the secondary palette in a design. We recommend using the primary colour palette plus two or less from the secondary palette. They should only be used as small accents in illustrations or for buttons.
Pages should be mostly white. Body text should be the darkest grey with headings medium grey. 100% black should never be used.
The body text should be set in Roboto Light. Headings should be set in either a large-sized Roboto Light or medium-sized Roboto Medium. Button text should be set in Roboto Regular.
Roboto Regular ABCdefghijklmnopq 1234567890
Roboto Medium ABCdefghijklmnopq 1234567890
Intouch Connect Button
Add an Intouch Connect button to allow your users to connect with you and share their most recent contact details. We provide buttons for both dark and light backgrounds. Do you prefer CSS? All buttons are available in CSS on jsfiddle.