Purpose of Brand Guidelines
Brand Guidelines help eliminate confusion, provide inspiration, and from an external point of view and in the fast-paced social and online environment, our brand can be the only interaction a person has with our company.
By utilising our Brand Guidelines, we ensure that a set of standards and rules are implemented to keep styling simple, promote creativity, and make sure everything appears as it should.
Our Brand Guidelines have been developed to ensure brand consistency whilst also safeguarding XRii’s value and reputation.
Logo
Spacing
Empty space around the logo should be at least 50% of the height of the logo.
Partner Placement
Partner logos should be placed after XRii’s logo, either vertically or horizontally. The space in between should be XRii’s logo height.
Color Variations
Use the gradient logo as the primary unless grayscale is needed. Use the white logo when placing the logo on a colored background.
Colors
Primary Colors
Coral
Hex
Rgb
Cmyk
ff7352
255, 115, 82
0, 69, 69, 0
Sapphire
Hex
Rgb
Cmyk
3462d6
52, 98, 214
81, 65, 0, 0
black
Hex
Rgb
Cmyk
231F20
35, 31, 32
0, 2, 1, 86
alabaster
Hex
Rgb
Cmyk
F9F9F9
249, 249, 249
0, 0, 0, 2
Secondary Colors
iris
Hex
Rgb
Cmyk
6149F1
97, 73, 241
56, 66, 0, 5
Mulberry
Hex
Rgb
Cmyk
D44E9F
212, 78, 159
0, 53, 21, 17
Honey
Hex
Rgb
Cmyk
FFA24B
255, 162, 75
0, 36, 71, 0
Cerulean
Hex
Rgb
Cmyk
2CC8FA
44, 200, 250
81, 20, 0, 2
Electric Blue
Hex
Rgb
Cmyk
76e5e5
118, 229, 229
45, 0, 16, 0
Turquoise
Hex
Rgb
Cmyk
4eceaa
78, 206, 170
61, 0, 45, 0
Gradients
iris
Hex
Rgb
Cmyk
6149F1
97, 73, 241
56, 66, 0, 5
.webp)
Mulberry
Hex
Rgb
Cmyk
D44E9F
212, 78, 159
0, 53, 21, 17
Honey
Hex
Rgb
Cmyk
FFA24B
255, 162, 75
0, 36, 71, 0
.webp)
Cerulean
Hex
Rgb
Cmyk
2CC8FA
44, 200, 250
81, 20, 0, 2
.webp)
Electric Blue
Hex
Rgb
Cmyk
76e5e5
118, 229, 229
45, 0, 16, 0
.webp)
Turquoise
Hex
Rgb
Cmyk
4eceaa
78, 206, 170
61, 0, 45, 0
Color Splashes
.webp)
.webp)
.webp)
.webp)
.webp)
Typography
Fonts
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph
Type Hierarchy
Heading 1
Heading 2
Heading 3
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Iconography
The icons are drawn with outlines using the coral-sapphire gradient over black and white backgrounds, and white over other colored backgrounds.
