---
title: Branding
description: &nbsp;
---

[![oneims-logo-light](https://info.ims.net/hs-fs/hubfs/oneims-logo-light.png?width=150&height=58&name=oneims-logo-light.png "oneims-logo-light")](https://ims.net/?hsLang=en)

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

![Icon Color Logo](https://info.ims.net/hubfs/Ims%20icon.svg)

Icon

PNG | SVG

![Full Color Logo](https://info.ims.net/hubfs/IMS-purple-white%201.png)

Light Version

PNG | SVG

![Full Color Logo](https://info.ims.net/hubfs/IMS-purple-white-logo.svg)

Dark Version

PNG | SVG

![Full Color Logo](https://info.ims.net/hubfs/IMS-Branding/IMS-white.png)

All White

PNG | SVG

![Full Color Logo](https://info.ims.net/hubfs/IMS-Branding/IMS-black.png)

All Black

PNG | SVG

### 10x Logo

The 10x logo is available for download.

![](https://info.ims.net/hubfs/256.41.svg)

Full Color Logo

PNG | SVG

![](https://info.ims.net/hubfs/150.svg)

Full Color Logo 150px

PNG | SVG

### 10X White Logo

![Full Color Logo](https://info.ims.net/hubfs/256.41%20-%20white.svg)

10X White Logo

PNG | SVG

![Reverse Color Logo](https://info.ims.net/hubfs/256.41%20-%20black.svg)

10X Reverse Color Logo

PNG | SVG

### Typeface

Roboto is our another typeface for websites, print and other materials. [Download Zip](https://info.ims.net/hubfs/10x%20-%20Branding/font-zip/Roboto.zip?hsLang=en)

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 IMS brand. [Download ASE](https://clickx.io/hubfs/clickx-branding/clickx-colors.ase)

Darkstone Blue

#4C4E60

Purple

#aa58ff

Light Blue

#2986fa

Black

#000000

Light Haze

#f8f9fa

White

#FFFFFF

Dark Gray

#343a40

##### Primary Colors (Base of the Website)

Deep Indigo

#2D1B5A

Dark Blue

#0B1E34

##### Secondary Colors (Accents and Highlights)

Vibrant Teal

#00A8A8

Electric Cyan

#00D3FF

Light Silver

#E4E4E4

##### Alternative Accent Colors

Bright Orange

#FF7A00

Warm Gold

#FFC857

Soft Lavender

#BFA0FF

##### Implementation Ideas

 • Use teal or cyan for buttons, links, and key interactive elements.

 • Incorporate light silver for text contrasts against dark backgrounds.

 • Consider orange or gold for secondary call-to-action elements like “Limited Offer” or “New Feature.”

### Web Elements

Use the examples below to help direct your designs for web.

 

#### Call to Actions

Call to Action

Call to Action

Button and hoverstate (#376af6) on white/light haze background.

Call to Action

Call to Action

Button and hoverstate (#376af6) on Darkstone Blue background.

Call to Action

Call to Action

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

Copyright © 2026 IMS. All Rights Reserved.

[Terms & Conditions](https://10xgro.com/terms-conditions)  |  [Privacy Policy](https://10xgro.com/terms-conditions)

![oneims-logo-light](https://info.ims.net/hs-fs/hubfs/oneims-logo-light.png?width=150&height=58&name=oneims-logo-light.png "oneims-logo-light")