RTSL STYLE GUIDE
These brand style guidelines and downloadable assets are here to give you a starting point when creating new projects.
BRANDING GUIDE
Which logo should I use?
For viewing on a screen (Website, Email, Social Media Post etc) or Microsoft Word and Powerpoint documents, use the RGB version in SVG format for best quality.
For professional printing, use the CMYK version, and either an EPS or PDF format for best quality.
Some contexts (such as Mailchimp) don’t allow you to use any of these formats however. In these cases a PNG will give you the best results.
Never use a JPEG, GIF or BMP logo as the quality will be poor.
RTSL Square Icons
For contexts where a square format is needed
COLOR BREAKDOWNS
Color values shown are CSS variables, CMYK, and HEX Values.
RTSL Purple
|
CSS
|
–rtsl-purple
|
|
CMYK
|
C94 M100 Y0 K10
|
|
HEX
|
#382986
|
RTSL Orange
|
CSS
|
–rtsl-orange
|
|
CMYK
|
C0 M67 Y66 K0
|
|
HEX
|
#F3775C
|
RTSL Light Purple 1
|
CSS
|
–rtsl-light-purple-1
|
|
CMYK
|
C66 M53 Y0 K0
|
|
HEX
|
#6577BA
|
RTSL Purple
|
CSS
|
–rtsl-light-purple-3
|
|
CMYK
|
C8 M6 Y0 K0
|
|
HEX
|
#E6E8F5
|
RTSL Soft Black
|
CSS
|
–rtsl-soft-black
|
|
CMYK
|
C80, M20, Y20, K80
|
|
HEX
|
#25252C
|
RTSL Chart Grey
|
CSS
|
–rtsl-chart-grey
|
|
CMYK
|
C4 M2 Y0 K5
|
|
HEX
|
#E4E7EE
|
RTSL Red
|
CSS
|
–rtsl-red
|
|
CMYK
|
C3, M93, Y78, K0
|
|
HEX
|
#E8383D
|
RTSL Yellow
|
CSS
|
–rtsl-yellow
|
|
CMYK
|
C0 M29 Y95 K0
|
|
HEX
|
#FCBA24
|
RTSL Light Green
|
CSS
|
–rtsl-light-green
|
|
CMYK
|
C53 M4 Y99 K0
|
|
HEX
|
#85BD40
|
RTSL Dark Green
|
CSS
|
–rtsl-dark-green
|
|
CMYK
|
C71 M0 Y93 K0
|
|
HEX
|
#40BD52
|
TYPOGRAPHY
BARLOW CONDENSED
Used for concise large headings in uppercase only. (Not suitable for long form headings)
Public Sans
Used for all body text, captions and labels
Templates
Download Assets
Current Template Version: 14th July 2022
Current Template Version: 14th July 2022
Current Template Version: 15th August 2022
Asset Library
These are SVG files in RGB colour mode, and can be used in a wide range of applications while keeping highest quality.
How to use
Select an image to automatically download the svg file. This can then be imported into Word and Powerpoint documents
Color Icons
Full colour icon aligned to the brand logo grid
Prevent Epidemics Illustrations
Larger use cases, uses PE Orange + Soft Black colour scheme
RTSL/CVH Illustrations
Larger use cases, color used as an accent where appropriate
