Version 2.0
This brand portal is the single source of truth for the Xtremepush brand across every touchpoint. It brings together our core visual assets, guidelines, and templates to ensure consistency, clarity, and quality in everything we create.
Designed for all Xtremepush employees, it may also be shared with external partners when required. Please refer to it before creating any branded materials.
01
Our logo is the most recognisable expression of the Xtremepush brand. It represents not just our name, but the experiences we deliver and the values we stand for. Consistent use of the logo builds familiarity, trust, and long-term brand equity.
Every application of the logo should reinforce clarity and confidence. Follow these guidelines carefully to ensure the brand is always presented correctly.
Use this lockup as the default across all communications, marketing materials, and partner placements. It is available in both horizontal and stacked orientations — choose based on the space available.
Use it when the logo has already been established in context, space is limited, or a cleaner typographic treatment is preferred. It is also our most suitable fabrication logo for use cases such as embroidery or etching.
The logo should only be used in its approved colour variations. It must always maintain strong contrast against its background to ensure clarity and legibility. When placed on non-brand background colours, the appropriate approved logo version should be used to preserve contrast. Unapproved colours, gradients, or effects must not be applied.
When reproducing the logo through embroidery, simplicity and legibility are key. Stitching techniques can introduce visual limitations, so the logo should always be applied in its approved single-colour variations.
Avoid fine details, gradients, or complex backgrounds. The logo should remain crisp, balanced, and clearly recognisable across all embroidered applications such as apparel and promotional items.
For etched or engraved applications, the logo should be reproduced in a single colour or as a monochrome mark. This ensures clarity across materials such as metal, glass, or wood.
Always prioritise contrast and avoid overly intricate detailing that may be lost in production. The integrity of the mark must be preserved regardless of medium.
1.9 / Usage to Avoid
Avoid altering the logo in any way, including stretching, recolouring, adding effects, or combining it with other graphic elements. Do not place the logo on backgrounds that reduce legibility or contrast.
When in doubt, default to the approved logo variations and treatments outlined in this library.
Avoid stretching or distorting the logo.
Do not change the colour of any part of the logo.
Do not reposition any part of the logo lock up.
Do not resize any part of the logo lock up.
Do not attempt to use the logo mark with a different word mark.
Do not apply any unofficial brand colours to any part of the logo lock up.
Each logo filename has three parts:
Type: (logo, mark, or wordmark).
Layout (stacked, horizontal, short).
Background: (_dark = for use on dark backgrounds, _light = for use on light backgrounds). The suffix describes where to use it, not the colour of the logo itself.
XP_logo_horizontal_light
XP_wordmark_short_dark
XP_wordmark_light
1.13 /
Use these logo assets when placing the brand on light or neutral backgrounds. These versions are optimised to maintain clarity, contrast, and visual balance in brighter environments.
Select the appropriate file format depending on your use case. SVG files are recommended for web and digital interfaces due to their scalability and performance, while EPS files should be used for print applications, particularly in CMYK workflows. PNG files are suitable for general digital use where a raster format is required.
File Format
Select a format above
DownloadFile Format
Select a format above
DownloadFile Format
Select a format above
DownloadFile Format
Select a format above
Download1.14 /
These logo variations are designed specifically for use on dark or high-contrast backgrounds. The light version of the logo ensures strong visibility and brand presence without compromising legibility.
Always ensure sufficient contrast between the logo and its background.
File Format
Select a format above
DownloadFile Format
Select a format above
DownloadFile Format
Select a format above
DownloadFile Format
Select a format above
Download1.15 /
The single-colour logo is used in situations where full-colour reproduction is not possible or appropriate. This includes print limitations, merchandise, or specialist production methods.
Use only approved single-colour variations and ensure the logo remains clear and recognisable at all sizes.
Single-colour versions that include the logomark are not suitable for etching or embroidery applications, as the logomark relies on gradient detail that cannot be accurately reproduced in these formats.
File Format
Select a format above
Download
File Format
Select a format above
DownloadFile Format
Select a format above
Download1.16 / Partners
These assets belong to the XP Partners sub-brand. They are provided to approved clients and partners for use on their own websites and channels to declare their partnership with us.
Use these logos as supplied. Do not alter, combine, or co-brand them with other marks.
Use these logo assets when placing the brand on light or neutral backgrounds. These versions are optimised to maintain clarity, contrast, and visual balance in brighter environments.
02
Typography plays a critical role in how our brand communicates. It shapes readability, tone, and overall perception across digital and print experiences.
Our type system is designed to be clear, modern, and highly legible, ensuring consistency across all touchpoints—from marketing materials to product interfaces.
2.1 / Fonts we use
Our typeface is Lexend — a variable Google Font designed to reduce visual stress and increase reading fluency.
H1 — Display
The future of digital experiences.
H2 — Section Heading
Build something that lasts.
H3 — Sub-heading
Every detail matters.
Body — Paragraph
Lexend is used for all body copy and descriptive text. Its open apertures and generous spacing make it highly readable at smaller sizes, even on screen. Use it for paragraphs, captions, and supporting descriptions.
Eyebrow / Section Label
Brand Library · Section Title
UI Label
Form field label · Nav item · Card title
Button / CTA
Get started today
Available weights — Lexend
Character Set
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 & @ ! ? . , : ;
03
Colour is a fundamental part of the Xtremepush identity. Our palette is designed to be bold, distinctive, and flexible, enabling us to create cohesive and recognisable brand experiences across all channels.
Use colour intentionally to guide attention, communicate hierarchy, and reinforce brand recognition.
There are minor and intentional differences between colours used in marketing and public-facing brand materials and those used within the product UI.
This distinction exists because each serves a different purpose. While marketing colours are expressive and emotive, platform colours must support readability, hierarchy, and interaction.
Despite these differences, both systems are designed to feel cohesive. They sit within the same brand hierarchy and should never feel visually disconnected or jarring when experienced together.
If you're unsure which colours to reach for, start with Core Blue, Midnight Blue, and White — these three form the backbone of our visual identity and work in almost any combination.
Emerald Green works best as a supporting accent; use it to highlight or add energy, not as a primary base colour.
3.2 / Secondary Brand colours
Our secondary palette expands on the core brand colours, providing additional flexibility across layouts, backgrounds, and supporting elements. These colours are designed to complement the primary palette rather than compete with it.
Use secondary colours to introduce hierarchy, highlight information, or support more complex layouts while maintaining a cohesive visual language.
3.3 / Tertiary Brand colours
The tertiary palette exists to support nuance and depth within the brand system. These colours are used sparingly for accents, data visualisation, and moments where additional differentiation is required.
They are not intended for dominant use, but instead to enhance clarity and usability in more detailed or content-heavy environments.
Jade Green
#25AC56
Mint Green
#00C8A4
Fresh Green
#4BD882
Chalk Green
#8BEBB2
Light Turquoise
#77F7C0
Tea Green
#BCF5D5
Mellow Butter
#FFDC1A
Electric Sunlight
#E1FF0A
Lemon Glow
#FDFA6F
Soft Vanilla Cream
#FDF5E0
Whisper Cream
#FEFAEF
3.4 / Platform Brand Colours
Platform colours are specifically defined for use within the Xtremepush product interface. Unlike marketing colours, which communicate brand personality, platform colours prioritise usability, accessibility, and clarity within interactive environments.
They are designed to work seamlessly alongside the broader brand palette while meeting the functional needs of digital products.
Platform Dark Blue
#1E40AF
Platform Primary Blue
#2563EB
Platform Text Grey
#4B515F
Platform Text Secondary Grey
#5C6374
Platform Success
#1EA97C
Platform Error
#E24C4C
Platform Warning
#F97316
Platform Light Blue
#B5DCF4
Platform Pastel Blue
#E6F0FE
Platform Pastel Red
#FFEEEE
Platform Pastel Green
#ECFAF5
Platform Pastel Orange
#FFF6EB
Platform Border
#DFE7EF
Enter your passcode to access this content.
04
Our branded document templates ensure consistency across all internal and external communications. They provide a structured starting point for presentations, reports, and client-facing materials.
Using these templates helps maintain a cohesive visual identity while improving efficiency and reducing the need to create documents from scratch.
4.1 / Slide Decks
Our presentation system is built around a single core template: the Main Slide Template. This template serves as the foundation for all Xtremepush presentations and ensures consistency across all slide-based communications.
The Main Template is available in the Google Slides template gallery. When creating a new presentation, always begin by selecting this template from the gallery. From there, remove any slides that are not required and build your deck using the provided layouts, components, and design elements.
All presentations should begin with the master presentation template. It includes the full set of approved layouts, components, and brand assets—allowing you to select only the slides required and remove the rest.
Presentations should be created using the approved templates to ensure consistency with brand guidelines. Decks developed outside these templates may require additional time to review and align.
Google Slide
Main Slide Deck Template
Our main branded slide deck that should be the basis of every starting deck.
Go to template gallery
Google Slide
Google Slide
4.2 / Brand Resources
Our document templates provide a consistent framework for written communication, from internal documents to client deliverables. All templates are available within the Google Docs template gallery and can be accessed directly when creating a new document. Selecting the appropriate template ensures correct formatting, typography, and layout from the outset.
Google Doc
Standard Document Template
A general-purpose document template for internal and external communications, preformatted with Xtremepush brand styles.
Go to template gallery
Google Doc
XP Client Project Deliverables Template
A structured template for presenting client deliverables clearly and consistently.
Go to template gallery
Google Doc
Policy Template
A formal document template designed for internal policies and governance materials.
Go to template gallery
Google Doc
XP On Premise Pre-sale Qualification Template
This document is to qualify the need and scale of an On Premise request and outline the required resource provision. For use in the pre-sale process.
Go to template gallery
Google Doc
Emailcenter Headed Paper Generic Template
Official branded document templates for formal correspondence and external communication.
Go to template gallery
Google Doc
Headed Paper Generic Template
Official branded document templates for formal correspondence and external communication.
Go to template gallery
Google Doc
Xtremepush LIA Template
A standardised template for completing Legitimate Interest Assessments in line with compliance requirements.
Go to template gallery05
This section contains base design templates for game-based experiences. Each template is built as a structured starting point that can be easily customised to suit specific client requirements.
These files are typically shared when presenting or pitching a particular game format, allowing clients to understand the structure and flow of the experience. The templates themselves are maintained as source files, ensuring a consistent and controlled foundation for all game formats.
Clients should not edit these original files directly. Instead, when customisation is required, the relevant content should be copied into a new Figma file where it can be adapted to meet specific brand or campaign needs.
5.1 / Games
Each Figma file is structured to present a complete view of the game experience, including all available screens and states within a single file. This enables a clear understanding of user flows, interactions, and variations.
The files are built using reusable components and interconnected design systems. This approach allows key elements to be updated efficiently, with changes cascading throughout the template where relevant.
As a result, targeted edits to a defined set of assets can significantly transform the overall appearance of a game, supporting rapid customisation and scalable production workflows.
Figma
AccJack
A blackjack-inspired game adapted for promotional use, blending familiarity with simplified mechanics.
Open Figma
Figma
Advent Calendar
A time-based experience that unlocks rewards over a defined period, encouraging repeat engagement.
Open Figma
Figma
Bracket Predictor
A tournament-style prediction game where users forecast outcomes across multiple rounds.
Open Figma
Figma
Crash
A high-intensity, risk-and-reward game where users must act before the multiplier resets, designed to create urgency and excitement.
Open Figma
Figma
Daily Challenge
A time-based or skill-based challenge designed to encourage daily participation and consistent engagement.
Open Figma
Figma
Daily Picks
A recurring prediction-based game where users make daily selections, driving habitual engagement and return visits.
Open Figma
Figma
Daily Picks (Streaks)
A variation of Daily Picks that rewards consecutive participation through streak-based progression.
Open Figma
Figma
Derby Dash (OTB)
A race-themed game format where participants track progress and outcomes in a competitive, fast-moving environment.
Open Figma
Figma
Open The Box
A mystery-driven experience where users select from multiple options to reveal hidden rewards or outcomes.
Open Figma
Figma
Plinko
A chance-based game inspired by the classic Plinko format, combining randomness and anticipation to create an engaging user experience.
Open Figma
Figma
Figma
Progressive Tunderboard
A dynamic leaderboard-style game that builds engagement over time, encouraging repeat interaction through progressive rewards and competitive positioning.
Open Figma
Figma
Figma
Reveals
An interactive reveal mechanic where users uncover hidden outcomes, prizes, or messages through progressive interaction.
Open Figma
Figma
Standard Predictor
A flexible prediction format that can be adapted to various events or scenarios.
Open Figma