Silverstripe CMS style guide
Here are the assets and guidance for applying the Silverstripe CMS brand.
Symbol
The Silverstripe CMS symbol forms part of the logo but can also be used in isolation to represent the Silverstripe CMS. The symbol can be presented in Bright Blue on white/light grey or in white on Dark Blue, or imagery with sufficient contrast.
Logo
The Silverstripe CMS logo is composed of a simple, elegant symbol, and a clear, bold wordmark. The horizontal logo is the primary format and should be used in most instances. The logo can be presented in full colour on white or in white on Dark Blue, or on imagery with sufficient contrast.
Clearspace
The minimum clear space allowance can be ascertained by the width of the S from the wordmark (as pictured). Do not place any graphics, illustrative elements or type, closer to the logo than indicated here. Do not reproduce the horizontal logo any smaller than 30mm on all printed material and 120 pixels on all online material. Do not reproduce the stacked logo any smaller than 20mm on all printed material and 80 pixels on all online material.
Colours
The bold blue and grey colour palette is an integral part of the Silverstripe CMS brand personality. White should be used liberally to keep the overall tone light, with more bold colours used to support this. Following these colour definitions will ensure there is consistency across all forms of media. RGB and Hex/HTML are used for online collateral which will appear on screen/digital devices. Pantone and CMYK are used for printed collateral.
Dark Blue
HEX #0049A3
RGB 0 70 165
CMYK 100 70 20 0
PMS 293 C
Pale Blue Grey
HEX #D8E0EB
RGB 215 225 235
CMYK 10 5 0 10
PMS 656 C
Bright Blue
HEX #005AE1
RGB 0 90 225
CMYK 90 62 0 0
PMS 285 C
Blue Black
HEX #051E2D
RGB 5 30 45
CMYK 100 70 30 85
PMS 296 C
Blue Grey
HEX #46536B
RGB 70 85 110
CMYK 15 10 0 60
PMS 2376 C
Light Blue
HEX #C6E1FF
RGB 195 225 255
CMYK 25 15 0 0
PMS 2707 C
Charcoal
HEX #2D2828
RGB 45 40 40
CMYK 0 5 5 85
PMS Black C
Pale Grey
HEX #F3F5F8
RGB 245 245 250
CMYK 0 0 0 5
PMS Cool Grey 1 C
Typography
The Silverstripe CMS interface font is Inter, freely available via Google Fonts. Inter is a variable font carefully crafted & designed for computer screens. It features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
Co-branding
The weighting of the Silverstripe CMS logo and the partner logo should appear visually similar, with the Silverstripe CMS logo ideally sitting to the left of the partner logo. Both logos should be close to equal size, so the horizontal or stacked version of the Silverstripe CMS logo should be chosen based on the shape of the partner logo.
Things to avoid
To maintain the consistency of the Silverstripe CMS brand, it is important to not recreate or reinterpret the logo. Ensure that clear space rules are kept, and that there is a sufficient contrast between logo colour and background.
❌ Don’t
Do not use white formats on pale imagery or light colour backgrounds.
❌ Don’t
Do not use full colour formats on dark imagery.
❌ Don’t
Do not use full colour formats on any colours.
❌ Don’t
Do not recolour.
❌ Don’t
Do not stretch or distort.
❌ Don’t
Do not add effects.
Usage
The Silverstripe CMS is licensed under a BSD licence, which provides open-source access to Silverstripe CMS. The Silverstripe CMS name and logo is owned by Silverstripe Ltd, which means you need our permission to use it. We grant any person a licence to use the Silverstripe CMS name and logo under and in accordance with these guidelines if they meet the criteria set out in the brand guidelines
If you plan to use the name or logo for another use, you’ll need to get our written permission.
Need help?
Have questions or need advice about how to apply the brand? Send an email to marketing@silverstripe.com to get in touch with the team.
