Brand Kit

We've created some guidelines to help you use our brand and assets, including our logo, content and trademarks.

DOWNLOAD BRAND KIT

By using these resources, you accept our Developer Terms of Service. Usage of these resources may also be covered by the Universal Tennis End User Agreement and our Privacy Policy. Please contact us at pr@universaltennis.com for any questions.

THIS IS UNIVERSAL TENNIS

We all remember the moment we first picked up a racquet. Hitting a ball for hours against a wall. Envisioning yourself raising the trophy as the crowd went wild. The way tennis made you ​feel.​ That’s why we fell in love with the sport.

But somewhere along the line, an openness to innovation got lost. Rules and more rules - some spoken, some not - got laid down. A connection to its roots was forgotten - where everyone was welcome, looking the part wasn’t a part, playing local was all you did, and frankly money wasn’t a thing needed to be great.

So we’re re-drawing the lines. We’re making tennis more affordable; more accessible; more fun; and more Universal. The way it was always meant to be.

UTR SYMBOL

When the UTR brandmark has already been established, we can use the icon on its own. The icon can appear without the wordmark but the word mark cannot appear without the icon.

Download Symbol ( .EPS .PNG )
UTR SYMBOL USAGE
Primary Color Treatment
Secondary Color Treatment
Gradient Color Treatment

APP ICON

Use the app Icon when displaying the UTR app on a device or encouraging people to download the app. For all other uses, refer to the brandmark or UTR Symbol.

Download App Icon ( .EPS .PNG )

Brandmark

The combination of the UTR icon and the wordmark is the best way to represent the UTR brand. Guidelines below establishes how to best use the brandmark.

Download Brandmark ( .EPS .PNG )
BRANDING MARK USAGE
Primary Color Treatment

The Brandmark should be used behind a white background or charcoal background.


Sizing

Brandmark must maintain a minimum height of 40px. Below are examples of preferred scaling.


Spacing

Brandmark spacing must be the width of the UTR Symbol.


Logo Misuse

Logo must remain consistent. Logo should not be modified or altered. Color, orientation and composition must adhere to the guidelines established in this guideline.

Do not use drop shadows.

Avoid using effects or giving the logo dimension.

Do not place on different colored backgrounds.

Always use the brandmark with the tennis ball symbol and “Powered by Oracle.”

Only use in the primary color treatment.

Do not modify the primary color treatment.

Avoid placing the logo on a busy background.

Avoid obstructing the logo.

Fonts

Fonts help establish hierarchy. Tungsten is used in headlines where Gotham is used in subheadlines and body content.

Download Fonts ( .TTF )

Tungsten Bold

Tungsten Semibold

Gotham Bold
Gotham Medium
Gotham Book
Typography Usage (Example)

H1: Tungsten Bold 48px
line height 54px

H2: Tungsten Semi Bold 48px
line height 54px

H3: Tungsten Semi Bold 24px
line height 32px

H4: Gotham Bold 24px
line height 32px

H5: Gotham Medium 24px
line height 32px
H6: Gotham Medium 18px
line height 24px
P: Gotham book 16px
line height 24px

Brand Colors

Primary Colors

Primary colors establishes consistency and accesibility in all brand communications.

UTR Teal
HEX #00BAB6
R0 G186 B182
Charcoal
HEX #2A3339
R42 G51 B57
Dolphin
HEX #89ACBE
R137 G172 B190
White
HEX #FFFFFF
R255 G255 B255

Secondary Colors

Secondary colors are used to add accents.

Lime
HEX #D2DB00
R210 G219 B0
Magenta
HEX #E0007F
R224 G0 B217
Cornflower
HEX #00BCE5
R0 G188 B229

Grey Tones

Grey tones are used to provide consistency and emphasis through out the design.

Tilikum
HEX #2B3339
R43 G51 B182
Whale Grey
HEX #738B9C
R115 G139 B156
Cloud Grey
HEX #CDD5D9
R205 G213 B217
Warm Grey
HEX #F6F7F8
R246 G247 B248

Primary Gradient

Primary gradients are used in banners and icons when an image isn’t present

Teal Green
Top
HEX #00BAB6
R0 G186 B182
Bottom
HEX #D2DB00
R219 G219 B0
Magenta Blue
Top
HEX #E0007F
R224 G0 B127
Bottom
HEX #00BCE5
R0 G188 B229

Secondary Gradient

Secondary gradient are used to define players, clubs, colleges and high schools.

Players Teal
Top
HEX #076B69
R7 G107 B105
Bottom
HEX #00BAB6
R0 G186 B182
Club Green
Top
HEX #5E8E0B
R94 G142 B11
Bottom
HEX #B0DB0A
R223 G232 B6
College Blue
Top
HEX #0392BF
R3 G146 B191
Bottom
HEX #41E9FB
R65 G233 B251
High School Purple
Top
HEX #2D0473
R45 G4 B115
Bottom
HEX #9853F3
R152 G83 B243

Product Shots

Need some screenshots? We've got you covered.

Download Product Shots

Resource Library

Explore UTR resources for players, organizers and coaches and learn how clubs and colleges use UTR to increase their participation and revenue.

Download UTR Resources

Promo Banners

Use these promo banners to place on your site.

Download Banner Templates
Banner Name
3600x504
Banner Name
2400x336
Banner Name
1200x168
Banner Name
981x384
Banner Name
654x256
Banner Name
327x128

Join 1000s of the world's premier tennis academies, clubs, colleges, high schools and tennis federations that use the UTR platform to help increase the participation and revenue.

For technical issues, please contact support.