Design

By following these simple guidelines you can create bold and impactful, uniquely identifiable design that reflects the Loqate brand as it was intended to be.

Next
The Loqate logo
The Loqate logo has been designed to reflect our brand personality and what we stand for. The glyph represents accurately pinpointing a location and the layers of data that we provide to enhance that information, and the wordmark has been custom built to reflect this.
Loqate is part of the GBG group. To find out more about the GBG master brand, please visit the GBG brand guidelines.
Logo variations
The Loqate logo is available in dark or light variants. It is recommended that the dark logo is used on white or lighter colour backgrounds and the dark logo is used on black or darker coloured backgrounds. Please avoid using the logo over busy patterns or photos.
The Loqate logo can be big and bold, but please ensure it has room to breathe, allowing adequate space on all sides.
Loqate logo dark
Loqate logo light
Typography
Download assets
The following guidelines are suggested best practises for digital application. This may not be applicable depending on your project, so please feel free to get in touch for further advice on how to use type layout for your particular use case.
Urbane and Helvetica Now are the two typefaces that make up the Loqate brand. Urbane is used for display treatments as large scale headings. Helvetica Now is a simple classic and highly readable font designed for legibility in longer form copy.
Urbane
An all-purpose workhorse family with wide application. The larger x-height gives an open readability, while the range of weights and styles make a large and versatile family. Urbane should only be used for headings, never for body copy.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Helvetica Now
Helvetica® Now is a new chapter in the story of perhaps the best-known typeface of all time. Available in three optical sizes—Micro, Text, and Display—every character in Helvetica Now has been redrawn and refit; with a variety of useful alternates added. We use Helvetica Now for body copy and long form content for optimum readability.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Type scale
The typographic scale below has different weights and styles to help you lay out compositions for digital application.
The Standard in Global Address Verification
Heading extra large
Urbane Demi Bold
64px / 76px
-2% letter spacing
The Standard in Global Address Verification
Heading large
Urbane Demi Bold
56px / 64px
0% letter spacing
The Standard in Global
Address Verification
Heading medium
Urbane Demi Bold
44px / 56px
0% letter spacing
The Standard in Global
Address Verification
Heading small
Urbane Demi Bold
32px / 40px
0% letter spacing
The Standard in Global 

Address Verification
Heading extra small
Urbane Demi Bold
24px / 32px
0% letter spacing
The Standard in Global
Address Verification
Heading extra extra small
Urbane Demi Bold
20px / 28px
0% letter spacing
The Standard in Global
Address Verification
Paragraph extra large
Helvetica Now Text Regular
40px / 50px
0% letter spacing
16px Paragraph spacing
Building trust in a digital world
Paragraph large
Helvetica Now Text Regular
30px / 40px
0% letter spacing
16px Paragraph spacing
Building trust in a digital world
Paragraph medium
Helvetica Now Text Regular
20px / 30px
0% letter spacing
16px Paragraph spacing
Building trust in a digital world
Paragraph small
Helvetica Now Text Regular
16px / 26px
0% letter spacing
16px Paragraph spacing
Building trust in a digital world
Label medium
Helvetica Now Text Bold
20px / 30px
0% letter spacing
Building trust in a digital world
Label small
Helvetica Now Text Bold
16px / 22px
0% letter spacing
Building trust in a digital world
Label extra small
Helvetica Now Text Bold
12px / 16px
0% letter spacing
The Loqate colour scheme is bold, bright and impactful, and is a central element of the brand personality. Each colour is given a code - this is used to ensure consistent colour naming across all applications. It is structured by name followed by shade, and is suffixed with a 'P' to denote a primary shade.
Primary shades can be used widely whereas other shades should be used sparingly, primarily for illustrative application.
For print application please use the CMYK values provided. We recommend using a Coated GRACoL (ISO 12647-2:2004) colour profile where possible.
Primary palette
The primary palette should be used widely across all media.
Loqate Turquoise
Turquoise is our primary brand colour, it reflects our brand strategy and represents who we are. Use Turquoise at the forefront of your project as a bright and bold splash colour. Avoid using large amounts of text with a Turquoise background as it is very bright and text can become hard to read.
T400P
#30F2E2
RGB: 48,242,226

CMYK:
58,0,25,0
WCAG: AAA
T700
#00332F
RGB: 0,51,47

CMYK:
92,49,64,66
WCAG: AAA
T600
#008075
RGB: 0,128,117

CMYK:
84,26,55,11
WCAG: AAA
T500
#00BFB0
RGB: 0,191,176

CMYK:
71,0,40,0
WCAG: AAA
T300
#80FFF5
RGB: 128,255,245

CMYK:
44,0,16,0
WCAG: AAA
T200
#BFFFFA
RGB: 191,255,250

CMYK:
27,0,10,0
WCAG: AAA
T100
#E5FFFD
RGB: 229,255,253

CMYK:
11,0,4,0
WCAG: AAA
Midnight
Midnight is our greyscale, with M700 being the primary. It was chosen to contrast with Turquoise, to be used for text and areas where high contrast is needed.
M700
#141414
RGB: 20,20,20
CMYK:
78,69,61,87
WCAG: AAA
M600
#3B3A39
RGB: 59,58,57

CMYK:
66,57,55,61
WCAG: AAA
M500
#615F5F
RGB: 97,95,95

CMYK:
56,47,46,36
WCAG: AAA
M400
#878584
RGB: 135,133,132

CMYK:
46,38,38,18
WCAG: AAA
M300
#ADAAAA
RGB: 173,170,170

CMYK:
34,28,28,7
WCAG: AAA
M200
#D4D0CF
RGB: 212,208,207

CMYK:
20,16,17,1
WCAG: AAA
M100
#FAF6F5
RGB: 250,246,245

CMYK:
2,4,4,0
WCAG: AAA
Sulphur
Sulphur is our ‘Action’ colour. Sulphur should be used very sparingly, particularly for primary call to action buttons in web and UI projects and to draw a users attention to a particular area.
S400P
#EEFF38
RGB: 238,255,56

CMYK:
17,0,90,0
WCAG: AAA
S100
#FDFFE5
RGB: 253,255,229

CMYK:
2,0,14,0
WCAG: AAA
Secondary palette
Our secondary palette can be used for illustration, or in small amounts for splashes of colour within a design. Please ensure the primary palette is used for the majority of your design, never use the secondary palette in isolation.
Desert
D400P
#F26430
RGB: 242,100,48
CMYK:
0,71,83,0
WCAG: A
D700
#4C1400
RGB: 76,20,0

CMYK:
43,89,87,69
WCAG: AAA
D600
#802200
RGB: 128,34,0

CMYK:
30,93,100,40
WCAG: AAA
D500
#BF4113
RGB: 191,65,19

CMYK:
18,83,100,8
WCAG: AA
D300
#FF8F66
RGB: 255,143,102

CMYK:
0,55,58,0
WCAG: AAA
D200
#FFBEA6
RGB: 255,190,166

CMYK:
0,34,33,0
WCAG: AAA
D100
#FFECE5
RGB: 255,236,229

CMYK:
0,11,9,0
WCAG: AAA
Violet
V400P
#9130F2
RGB: 145,48,242
CMYK:
73,79,0,0
WCAG: AA
V700
#2A084C
RGB: 42,8,76

CMYK:
96,100,34,38
WCAG: AAA
V600
#3F0B73
RGB: 63,11,115

CMYK:
93,100,21,9
WCAG: AAA
V500
#671BB2
RGB: 103,27,178

CMYK:
80,88,0,0
WCAG: AAA
V300
#B266FF
RGB: 178,102,255

CMYK:
56,63,0,0
WCAG: AA
V200
#D2A6FF
RGB: 210,166,255

CMYK:
29,39,0,0
WCAG: AAA
V100
#F2E5FF
RGB: 242,229,255

CMYK:
6,13,0,0
WCAG: AAA
Azure
A400P
#3030F2
RGB: 48,48,242
CMYK:
89,74,0,0
WCAG: AAA
A700
#0B0B4C
RGB: 11,11,76

CMYK:
100,95,39,43
WCAG: AAA
A600
#111173
RGB: 17,17,115

CMYK:
100,93,29,17
WCAG: AAA
A500
#1919A6
RGB: 25,25,166

CMYK:
100,89,0,0
WCAG: AAA
A300
#6666FF
RGB: 102,102,255

CMYK:
76,64,0,0
WCAG: A
A200
#A6A6FF
RGB: 166,166,255

CMYK:
41,36,0,0
WCAG: AAA
A100
#E5E5FF
RGB: 229,229,255

CMYK:
11,11,0,0
WCAG: AAA
Accessibility
Accessibility by design is a priority at Loqate. To give you an idea of colour contrast, please see the WCAG ratings associated with each colour in the charts above. This gives you an idea of what colour text to use over our brand colours, but is by no means exhaustive, we recommend reading the WCAG guidelines provided by W3.
If you have any questions regarding accessibility please get in touch.