logo

Presents

TO SKY BET
playbook
HERE’S HOW WE WIN.

Every great team needs a playbook – and this is ours.

The Sky Bet Brand Playbook is your go-to guide for how we show up, speak out and stay consistent across every touchpoint. Whether you're crafting a campaign, designing a product, or briefing a partner, this is where you’ll find the plays that keep us united, on-brand, and ahead of the game.

BRAND STRATEGY

Familiarise yourself with the guiding principles that make us Sky Bet.

VISUAL IDENTITY

Learn how to create consistent and iconic Sky Bet communications.

DOWNLOADS

Get your hands on everything from logos to PowerPoints templates here.

Scroll to reveal

arrow down

Brand strategy

Visual Identity

When placing our logo, always consider maximum legibility for brand standout. To help with this, we have created a clearspace rule as a guide. Use the height of the ‘S’ in the logo to identify the clearspace.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris.

logo

Logo Colors

These are our primary-use logos, bold, iconic and confident. These are the basis of our brand identity and they inform our entire design system.

logo
logo
logo
logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et

SkyBet Headlines Logos

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Vertically stacked format thrives in digital and portrait applications

check Logo Do's

Our logo embodies confidence and premium nature. Featuring the Sky Bet logo in our communications reinforces the trust our fans place in us. As our most valuable asset, it deserves the utmost care and respect. Here are some ways we can ensure that confidence and premium quality is consistent.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

check Logo Dont's

Our logo embodies confidence and premium nature. Featuring the Sky Bet logo in our communications reinforces the trust our fans place in us. As our most valuable asset, it deserves the utmost care and respect. Here are some ways we can ensure that confidence and premium quality is consistent.

kid
check

The logo can be used to qualify the message, before or after it.

tennis
check

The logo must always be in a prominent position and clearly legible.

skybet
check

Do pair the logo with the offer text.

football
check

Place the logo where it makes sense according to your message.

Colours

Maintaining brand equity with a strong foundation of core colors.

Core Colours

Maintaining brand equity with a strong foundation of core colors.

Colour Palette

Inspired by the logo colours – introducing brand gradients with depth and dynamism.

Primary Palette
Secondary Palette

Colour Dynamic Duo

By leveraging strategic color pairing, we maintain consistency while allowing for flexibility. Always look to use our colours together. This enables us to maintain consistency and recognisable brand presence across all touchpoints. As shown here, we can contrast a primary blue gradient background with red and white core accent colours e.g. white typography. Application can be flexible

super boost

Colour Typography

By leveraging strategic color pairing, we maintain consistency while allowing for flexibility. Always look to use our colours together. This enables us to maintain consistency and recognisable brand presence across all touchpoints. As shown here, we can contrast a primary blue gradient background with red and white core accent colours e.g. white typography. Application can be flexible

check Colour Dont's

The use of colour is integral to making Sky Bet as distinctive and recognisable as possible.

Our palette shouldn’t be misinterpreted, modified or added to, always being used with great craft, care and consideration.

check Do not create your own gradients.

check Do not create your own gradients.

check Do not create your own gradients.

check Do not create your own gradients.

Typography

Our typography is a premium, versatile asset, injecting cinematic drama and distinctiveness into the brand. By introducing a new sans serif for headline messaging, we elevate Sky Bet with a confident, ownable look — one that is unmistakably and uniquely Sky Bet.

Roobert Font, Bold Primary headlines

large headlines and attention grabbing offers

Roobert is our Primary Headline font. It can be used for short, attention grabbing statements or to highlight an offer - generally over an image or against our gradient backgrounds. We would not use Roobert with the Action Box.

Ensure the type feels integral to the layout. Refer to examples throughout this document for inspiration.

Sky Text, Regular secondary headlines

Used for offer descriptions within the Action Box

Sky Text, Regular secondary headlines

used for smaller sub-headings

Sky Text, Regular Paragraph Text

Used for larger areas of body copy

Acumin Variable Concept Condensed Legals Text

New customers only. First single & e/w bet only. Odds of 1/1 or greater. 3x £10 bet tokens. Free bet stakes not included in returns.

Font Usage

Always follow the typography guidance outlined in this document. For up-to-date templates, please reach out to Flutter Creative.

Football image
Only use Roobert for offer/headline text. This should always sit within the image container.
Only use our two Sky fonts within the Action Box. Use Sky Text for larger headings, and SSportsD for smaller headings.
Only use Acumin Variable Concept Condensed for Terms and Conditions. See page 54 for details.

Yellow Action Box

This is our Yellow Action Box – always yellow, always functional – always for our offers. All actionable content lives in here. For a detailed breakdown of how we set type for static applications, see page over. This will help maintain consistency and enhance legibility across all formats.

Football image
Special information pertaining to the offer can be set in red. Use SSportsD set at exactly 50% of the offer headline font size.
Use SkyText for headline copy. Aim for a maximum of 15 characters per line unless the Action Box can run across the full width.
For sub-headings, use SSportsD set at exactly 50% of the offer headline font size.
For sub-headings, use SSportsD set at exactly 50% of the offer headline font size.
check Typography Do's

Effective typesetting demands a keen eye. Our typographic approach builds a flexible system around our brand typefaces. It ensures consistency and structure while allowing for bold, unconventional, and experimental typography.

To to create a truly expressive Sky Bet composition, consider all our assets are working together.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

check Typography Dont's

Inconsistent or improper use of typography can weaken brand identity and readability. Avoid misusing fonts, distorting type, or disregarding spacing principles, ensuring every execution remains premium and unmistakably Sky Bet.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

Viewfinder

The ‘Bet’ box has been reimagined as a portal to the heart of what matters to fans. We call it ‘THE VIEWFINDER’ a window to the energy and drama of sport.

The Viewfinder creates a consistent thread in our brand system and has three main applications:

The Portal

A short animated intro and outro sequence that distills the action of sports into the logo.

The Carousel

An animated sequence that conveys a range of moments and sports, all contained within Sky Bet.

The Frame

A 3D graphic representation of the Viewfinder, used to customise imagery and introduce a visible brand presence.

The Portal

For short, time-restricted sequences we can open with our Viewfinder animation as our branded bumper for BAU comms and campaign films, if it works with the creative content. The outro animation replaces our ‘curtains’ and should be used as the sign-off for all motion creative. Reach out to Flutter Creative or the Sky Bet Brand team for AV examples.

super boost

The Carousel

A bespoke carousel animation sequence exists for communicating the breadth of sports and elevated moments with Sky Bet. Reach out to Flutter Creative or the Sky Bet Brand team for AV examples.

super boost

Frame

The ‘Bet’ box has been reimagined as a portal to the heart of what matters to fans. We call it ‘THE VIEWFINDER’ a window to the energy and drama of sport.

Composing with sports imagery

Combined with imagery to highlight moments of action

Football image
Football image 1
Football image 2

Composing with graphics

Combined with imagery to highlight moments of action

Football image
Football image 1
Football image 2
check Viewfinder Do's

Our logo embodies confidence and premium nature. Featuring the Sky Bet logo in our communications reinforces the trust our fans place in us. As our most valuable asset, it deserves the utmost care and respect. Here are some ways we can ensure that confidence and premium quality is consistent.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

check Viewfinder Dont's

Our logo embodies confidence and premium nature. Featuring the Sky Bet logo in our communications reinforces the trust our fans place in us. As our most valuable asset, it deserves the utmost care and respect. Here are some ways we can ensure that confidence and premium quality is consistent.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

Imagery

Iconic compositions, with dramatic aesthetics and craft to elevate the ordinary into something epic.

footballer
Cinematic Drama - A premium aesthetic that binds bespoke campaigns to our BAU imagery.

Imagery Brand art direction

Iconic compositions, with dramatic aesthetics and craft to elevate the ordinary into something epic.

Real World Dynamism

We shoot against a predominantly blue backdrop, with styling and environmental props to inject our brand world colours into the scenes. Use real world sporting action with bold, dynamic angles that create distinctivity.

Football image
Cropping
Crop in tight – the tighter the better – aim to amplify the action and draw the viewer in.
Brandworld colours
If no brandworld colours are present, retouch the scene to include reds or blues from our primary palette.
Backdrop Always
have a blue background, that can be a sky if shot from below or part of the surrounds as shown here. Retouch if necessary.
Facial expressions
Avoid explicitly showing the sports persons face, cropping into the action is the priority.
Angle
We can shoot from above or below, but use the angle to create a sense of drama and dynamism.
check Imagery Dont's

Our use of imagery underpins the aesthetic we want to convey for our always-on communications. Images must not be cluttered or lack a clear dynamic focal point. The focal point should be the action not the athletes face. Avoid Photoshop effects or over stylised imagery as they cheapen our aesthetic and add unnecessary clutter. Ensure every image is considered and recognisably Sky Bet.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
close

The logo can be used to qualify the message, before or after it.

kid
check

The logo can be used to qualify the message, before or after it.

Layout - Grid System

Inspired by the shape of the Viewfinder, we have a grid system that allows us to present a unified and consistent brand across any touchpoint, from campaign to BAU.

Defining Our Grid

To keep all layouts unified, they must follow this rule. To establish the minimum margin and padding sizes find 3% of the shortest side of the canvas, rounded up/down to the nearest whole number. A 6-column layout for smaller digital placements or a 12-column layout for larger formats can be made using these defined margins and padding/gutters. Shortest side (y) / 100 x 3 = Margins and padding

grid

6x6 Grid - For banner media & smaller placements

grid

12x12 Grid - For larger formats, press & OOH

Defining Our Corners

To keep all layouts unified, they must follow this rule. To establish the minimum margin and padding sizes find 3% of the shortest side of the canvas, rounded up/down to the nearest whole number. A 6-column layout for smaller digital placements or a 12-column layout for larger formats can be made using these defined margins and padding/gutters. Shortest side (y) / 100 x 3 = Margins and padding

grid
Only use Roobert for offer/headline text. This should always sit within the image container.

Defining Our Corners

The Action Box must use the same radius as per the BET portion of the Sky Bet logo. This must always be accurate. Only re-size this in vector format using Paths. If you do not constrain proportions (maintain the aspect ratio) this will change the radius of the logo.

grid corners

1920x1080px, 3% margin gutter= 32px

In very small spaces, gutters can be disregarded - instead, align to the top margin to increase the size of the Action Box.

Action Box position

In certain ‘extreme’ placements the grid system and margins will not apply i.e. skyscraper banners and extended mobile footers, where the amount of available space is reduced significantly. In these situations, we can remove the Action Box radius and fit it flush to the edge of the banner with no margin.

Offer text position

When positioning offer text, we can use one of two layouts - left-aligned or centred. Always lock up the logo to the top of the offer, factoring in the advised logo clearspace and sizing. For left-aligned offers, position the offer anywhere on the left (Y) axis. The size of this lockup will depend on the amount of available space and the image composition.

1. Left aligned

2. Centralised

Offer Canvas

Our typical canvas for all off-site, offer-led advertising. For smaller placements with limited space, we can remove the blue/red gradient strip from the base of the canvas.

Football image
OFFER TEXT
Always include the offer description within the image, following guidance on page 55.
ACTION BOX
Position the Action Box to the grid as outlined
TERMS AND CONDITIONS
Ensure terms are set as per guidance on page 55. Always ensure they are legible, using a subtle gradient if needed.
BRAND STRIP
If space allows, use the blue/red split footer.

Campaign Canvas

At brand comms level, where there are no offers, we rely on a more refined approach with no Action Box or yellow canvas: Logo, imagery and big messaging are all underpinned by the same grid system. To connect our brand world comms to our offer world we use our blue and red gradient colours to form our connective tissue.


  • 1.

  • 2.

  • 3.

  • 5.

  • 4.
horse

    1. Establish minimum margin and padding sizes based on set rules.
    2. Place and crop imagery, always consider framing the action.
    3. Place title headers and key stand out information in the image container.
    4. Place logo in image container, when applicable it should be locked up with our cinematic TOV.
    5. Place blue and red colours in thin strip equal to the margin. These are defined by half the overall width of the canvas.

Campaign Canvas

In the absence of an Action Box, the logo can be positioned anywhere on the canvas that works with the creative layout.

horse

Offer Canvas

Our typical canvas for all off-site, offer-led advertising. For smaller placements with limited space, we can remove the blue/red gradient strip from the base of the canvas.

Football image
LOGO
Our primary logo should
always sit at the top left.
Odds
Odds follow
the guidance
on page 55.
Messaging Details and offer messaging set to Action Box typography rulings on page 55.
Messaging Details and offer messaging set to Action Box typography rulings on page 55.
Legals
Legals set to rulings
on page 54.
Yellow Action Frame
Contains all offer information.
Imagery
If space allows, we should use imagery within the Action Box. This can be animated or static.

6-Column Layouts

12-Column Layouts

Motion

Brand animation is born from the Viewfinder and is guided by two key principles:

Motion Behaviours

Guided by our overarching principles, cinematic drama and iconic action - dynamic and refined motion treatments add depth through transitions and carousel like movements. Reach out to Flutter Creative or the Sky Bet Brand team for AV examples.

Bento Box Transition

Transition from one scene to the next; frames move from right to left.

Scrolling Text

Vertically scrolling headline messaging paired with a central image.

Parallax Imagery

Headlines can be paired with subtle motion photography.

Scrolling Text

The Viewfinder can be used as a device to transition from one scene to another.

Icons

This is our Icon suite. They have a lot of equity and understanding, so they have not changed. They should be used alongside the appropriate offer headline or product.

Icons Usage

When offer text is present, we should display the corresponding offer logo alongside it. This should be positioned next to our logo, using the clearspace guidance as outlined on page 27. The height of the icon should be equal to the height of the ‘Bet Box’.

Downloads

NO MORE SEARCHING—YOUR FILES ARE ALL HERE.

File name: Last Updated: File type:
PowerPoint.pdf 03/10/2022 SVG download
Roobert.otf 03/10/2022 OTF download
Roobert.otf 03/10/2022 OTF download

No files yet.