Use the supplied TenGate artwork at its original proportions. Keep it clear, recognisable and separate from other elements.
x
Recommended clear space: at least x on every side
Let x equal one quarter of the logo artwork’s width. Keep text, other logos and the edge of the layout outside this zone.
Keep the mark consistent
Use a plain, contrasting background. Scale proportionally and check that the details remain clear at the final size.
Do not redraw, rotate, recolour, stretch or add effects to the logo. Do not combine it with another mark to create a new logo.
For badges, follow the separate spacing rule and 32 px minimum height in Badges & assets.
Do — preserve the artwork
Keep the original proportions on a clear, dark background.
Don’t — stretch the logo
Never squeeze or widen the supplied artwork.
Don’t — rotate the logo
Keep the mark upright in every placement.
Don’t — lose contrast
Avoid backgrounds that make the mark hard to distinguish.
02 / Our palette
Six colours. A shared identity.
Use these exact values for brand artwork. Let the dark neutrals and White lead; use colour to draw attention to what matters.
Accent Blue
#8CBFFE
Primary accent for links, highlights and the blue end of our signature gradient. Pair with Deep Navy for clear contrast.
Accent Purple
#847CE6
Secondary accent for gradient transitions and supporting graphic details. Use sparingly to complement Accent Blue.
Violet
#935BE1
Expressive accent for illustrations and decorative highlights. Avoid using it for long passages of text.
Ink
#020303
Dark neutral for text on White and for high-contrast brand artwork.
Deep Navy
#0B1625
Primary dark surface for brand layouts and panels. Pair with White text and Accent Blue highlights.
White
#FFFFFF
Primary text on dark surfaces and a clean background for light artwork. Pair with Ink for body copy.
Signature gradient
Accent Blue → Accent Purple, left to right. Use for primary buttons and short highlights, with Ink text on filled buttons. Keep body text on solid surfaces and check readability in the final layout.
03 / Our typography
Clear words, set in Roboto
Roboto is the brand typeface named in our Media Kit. Use this recommended scale for brand materials. The website retains its existing Poppins interface styling.
Display48 / 56 px · 700
Build what’s next.
Heading32 / 40 px · 700
From idea to launch
Subheading24 / 32 px · 500
A team behind your vision
Introduction20 / 30 px · 300
Technology, explained simply.
Body16 / 26 px · 400
Keep each message clear, useful and easy to read.
Label14 / 20 px · 500
Explore our services
Values show font size / line height. Light 300 for short introductions, Regular 400 for body copy, Medium 500 for labels and subheadings, Bold 700 for headings. On phones, reduce display text to 34 / 42 px and headings to 28 / 36 px. Keep body text at 16 px or above.
04 / Putting it into practice
Badges & assets
The Media Kit is the home for our downloadable artwork. These are the same badge variants and usage rules, kept together for reference.
Filled — Light background
Outlined — Light background
Filled — Dark background
Outlined — Dark background
Badge usage
Use the outlined badge version whenever possible. The filled badge version should be used when placed over a background image and when legibility is a concern.
Use enough space around the badge — at least the size of the logo that appears in the badge.
Use at a minimum badge height of 32px.
Don’t modify the badge in any way.
Don’t translate the badge. In the future, we may provide translated versions for use directly.
Banners & graphics
Use the prepared banner for blogs, forums and news coverage. Preserve its proportions, keep text and logos visible, and avoid crops, overlays or effects that alter the artwork.
