Rec Sports Style Guide by Henry Erdman

REC SPORTS Style Guide

3. COLOR 4. Color Guidelines 5. UW-Madison 6. Facilities 7. Aquatics 8. Intramurals 9. Ice 10. Tennis 11. Club Sports 12. Fitness 13. FONTS 14. Font Guidelines 15. Myriad Pro 16. Bandera 17. The Carpenter 18. Font Hierarchy

19. ELEMENTS 20. Logo 21. Footer 22. Other Elements 23. FORMAT 24. Format Guidelines 25. Print 26. Digital 27. Text - Time/Date 28. Text - Other 29. VOCAB 30. Vocab A-O 31. Vocab P-Z

Each section within the Rec Sports department is designated a primary color and a secondary color palette to be used in all major designs, marketing materials, and other related content in the ways outlined in this guide.

GUIDELINES > Generally, design schemes should be monochromatic following the color schemes designated in each departmentâ&#x20AC;&#x2122;s primary color palette. > The primary color palette is best used for background materials, large shapes and areas of color, and titles. > The secondary color palette is best used sparingly and to the judgement of the designer to highlight important information in the design. > Titles should be in a shade of the departmentâ&#x20AC;&#x2122;s primary color or black or white.

UW-MADISON Primary Colors #B51F24 Medium Red

Tints & Shades

BADGER RED

#981B1E #AB1E229

#630C0D

Red

Dark Red

#DD7F90 #E6A5AE

#9F191D #C7646B

#4E0000 #760708

Secondary Colors Gold

Medium Grey

Light Olive

#C7C4BA

#DDDAC7

#E7D9C1

Light Brown

Light Tan

#C1B49A

#EEE7D7

#000000

#6E6A5B

#C9CBBC

#E7E3D7

#EDE4C6

#F7F4E8

Black

Dark Grey

Blue/Grey

Olive/Grey

Tan

Cream

FACILITIES Primary Colors #B51F24 Wine #9A1A34 #D55676 Fandango Pink

Tints & Shades

BADGER RED

#DD7F90 #E6A5AE

#401721

#9F191D #C7646B

#4E0000 #760708

Deep Tuscan

Secondary Colors Dark Olive

Midnight Blue

#806628

#2B357E

#CD1442

#5FBA46

Cardinal Red

Mantis Green

AQUATICS Primary Colors #4A67B0 Bondi Blue

Tints & Shades

AQUATICS BLUE

#3AACC8 #49BEB9

#B1ABD4

Turquoise

Thistle

#9AA3D2 #C8CCE7

#3A518D #7382C0

Secondary Colors

Tango Pink

Charcoal

#F05E64

#4B413D

#7E282B

#B1B05B

Rosewood

Olivine

#111D46 #28396A

INTRAMURAL SPORTS Primary Colors #4CBC94 Shamrock #64BE6C #ABC556 Apple Green

Tints & Shades

IM SPORTS GREEN

#AADAC4 #D2EBDF

#8ECAC7

#3A9676 #7FCAAB

#024B38 #227158

Aqua

Secondary Colors Forest Green

Plum

#007146

#3B0C37

#BC9F5E

#842B89

Sand

Mardi Gras Purple

ICE Primary Colors #8D82BD Lavender

Tints & Shades

ICE PURPLE

#916FB0 #4D7FB3

#D5B8D8

Cerulean

Wisteria

#BEB8DB #DBD8EC

#716898 #A49BCC

Secondary Colors Apricot

Egyptian Blue

#DB9F5A

#263A90

#E0DBAE

#E77124

Peach

Tangerine

#352D4C #534C72

TENNIS Primary Colors #F16567 Coral

Tints & Shades

TENNIS PINK

#D96451 #DA5163

#F3BC8E

Brink Pink

Peach

#F8AFA6 #FCD5CD

#BD4F50 #F48B84

#5F1C1D #8D3738

Secondary Colors Glaucous

Olive

#8398CD

#676229

#A45657

#C5AD3B

Redwood

Earls Green

SPORT CLUBS Primary Colors #F16640 Tangerine #E77124 #E73925 Red-Orange

Tints & Shades

SPORT CLUBS ORANGE

#F9AE90 #FCD4C1

#DB9F5A

#BD4F30 #F58A66

Apricot

Secondary Colors

Lime Green

Royal Blue

#ABD039

#263A90

#B13C25

#ADB1D9

Cinnabar

Periwinkle

#5E1D00 #8D381D

FITNESS & WELLNESS Primary Colors #F9EF60 Gold

Tints & Shades

FITNESS YELLOW

#DFCE37 #DC9D26

#D5D87A

Mustard

Straw

#5E5C1E

#C1BC4D

#FBF5B1 #FCF9D7

#FAF28C

#8E8B37

Secondary Colors Tea Rose

Hunter Green

#F37658 #8060A9 Amethyst

#005D32 #50A485

Persian Green

Typography hierarchy and font use should follow the guidelines designated in this document to provide uniformity across all Rec Sports materials.

GUIDELINES > All Text Should follow the font hierarchy laid out in this document. > The Carpenter Black should only be used in large point sizes and should be used sparingly in designs. It should also be restricted to no more than a single phrase.

> Times New Roman is the Universityâ&#x20AC;&#x2122;s accepted font and can be used when applicable (on some, but not all formal publications). > General font size should be kept at 8pt. or above, 16pt. for The Carpenter font.

> For The Carpenter font, pay special attention to the > If Bandera is used as a title, the alignment of the letters, some wording should be kept short (a few words max) due to the fontâ&#x20AC;&#x2122;s kearning adjustments may need to be made. wide nature. > Body copy should be set in Myriad Pro Regular when over three sentences. When under three, Myriad Pro Condensed and Light Condensed are acceptable. 14

MYRIAD PRO The traditional Rec Sports font -1234567890-

Regular

Condensed

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Light Condensed

Bold Condensed

Bold Condensed Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Also includes: Italic, Condensed Italic, Bold Italic, Semibold variations, Light variations, and Black variations. 10pt weights

BANDERA A modern serif font -1234567890-

Regular

Light

Thin

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Italic

Bold

Heavy

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Also includes: Medium, Medium Italic, Bold Italic, Heavy Italic, Thin Italic, and Light Italic. 10pt weights

The Carpenter A stylish

calligraphic script

Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss T t Uu Vv Ww Xx Yy Zz 1234567890

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss T t Uu Vv Ww Xx Yy Zz

1234567890

Black

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss T t Uu Vv Ww Xx Yy Zz 1234567890 12pt weights

FONT HIERACHY

MAIN TITLE

Alternate Title

Subtitle

Section Header

Sub Header Body Copy Body Copy (short)

Body Copy (short) alternate

Accents

Accents Alternate

Alternate Serif (University Approved)

Myriad Pro Bold Condensed

The Carpenter Black Bandera Regular

Bandera Bold Myriad Pro Bold Condensed Myriad Pro Regular Myriad Pro Condensed Myriad Pro Light Condensed Bandera Light Italic The Carpenter Regular Times New Roman Regular

To maintain consistency, certain stylistic elements and themes should be present in each design.

LOGOS > The logo should be placed in

> Here are some examples of the

the bottom right corner of all

Universityâ&#x20AC;&#x2122;s approved logo

designs, except for the ones

variations. More guidelines and

noted in the format section.

downloadable logos can be

> The logo should always be in

found at uc.wisc.edu/brand.

the two-tone red and black form unless on a red or black background, then the all-white version should be used. > The logo should not be altered in size or position from the one attached to the template.

RecSports RecSports

UNIVERSITY OF WISCONSIN-MADISON

PLAY HARD. GET FIT. LIVE WELL.

Footer > Attached to the bottom of each design should be the following items: > Logo (bottom right corner) > Website (recsports.wisc.edu) > Social media handles

recsports.wisc.edu

/uwrecsports

recsports.wisc.edu

/uwrecsports

@uwrecsports

/uwrecsports

RecSports

UNIVERSITY OF WISCONSIN-MADISON

PLAY HARD. GET FIT. LIVE WELL.

@uwrecsports

/uwrecsports

RecSports

UNIVERSITY OF WISCONSIN-MADISON

PLAY HARD. GET FIT. LIVE WELL.

Other Elements > Photos are almost always encouraged. See format section for specifics. > Designs should also feature the low poly aesthetic in some way or another. > Use Bandera Bold angle brackets (or “chevrons”) as bullet points in the primary or secondary color of the design. > A line of chevrons can be used to divide sections of a design. >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> > See the “Design Elements” Illustrator file for a complete collection of adjustable vector elements.

References for size, dimensions, and other variables for the different Rec Sports design formats.

GUIDELINES > Reach TV: Should be kept > All designs should follow the simple, about 2-3 phrases, large dimensions and general style of the respective templates laid out text. The idea is to understand it in a glance. in this section. > Print designs should be formatted with a CMYK color profile and a Âź inch bleed, and web/digital designs an RGB profile.

> Web Carousel: Photo heavy design with a title/subtitle. *no logo / footer

> Photo Frame: 2 bits of information (title/subtitle), > Poster: Allotted for more should use same picture from information. Title should be clear the web carousel design. and concise. Intermix photos *no logo / footer with graphics. Save room for > Facebook Cover Photo: Similar white space. Remember this will to Web Carousel or Photo Frame be printed very large! design. > Flyers: Be more restrained with *no logo / footer information, given the smaller sizes.

POSTER

24 x 36 inches

FLYER 11 x 17 or 8Â˝ x 11 inches

REACH TV 1280 x 580 px

WEB CAROUSEL 600 x 399 px

PHOTO FRAME 800 x 600 px

FACEBOOK COVER PHOTO 851 x 315 px

DATE:

Tuesday, September 8 Day

Month

Date

comma

TIME: indicates a space

6:30pm â&#x20AC;&#x201C; 7pm Hour:Minute

am / pm endash (longer than a hyphen

shorter than an em dash)

notes: dates should be written out unless in list form am/ pm should be in all undercase 08.09.14 - this is another acceptable date format to be used sparingly.

PHONE NUMBERS:

123.456.7890 Format phone numbers with periods, as above.

AMPERSAND:

&/&

To be used always in titles or short phrases. Use â&#x20AC;&#x153;andâ&#x20AC;? when in sentence form.

PERIOD:

Consider using periods in titles.

DROP SHADOW: Drop shadows can be used to help distinguish titles, but should be at a low opacity and high blur to avoid overemphasis. This element should not be overused.

Key vocabulary words and their definitions as used by Rec Sports.

A-O > Departments > Specific subdivisions of Rec Sports, as distinguished in the Color section. Sometimes referred to as Program Areas. *names should always be capitalized (Fitness, Intramural Sports, etc.) > Divisions > Separation of competition levels within a league. > Leagues > Division of sports by gender. > Member > Any person (student, public, etc.) with access to Rec Sports via a purchased membership. > â&#x20AC;&#x2DC;Openâ&#x20AC;&#x2122; > Refers to either a division or a league that does not need to be divided by competition levels or gender, respectively, in order to be played fairly. *all lowercase names (basketball, soccer, etc.)

P-Z

> Participant > A member(s) who takes part in a specific program or service. > PLAY HARD. GET FIT. LIVE WELL. > The official Rec Sports mantra/tagline/motto. > Programs > Categories of recreational activities offered by Rec Sports within a certain department (see departments). > Sport Clubs > Registered student organizations. *names should always be capitalized (Swimming, Fastpitch Softball, etc.)

This document was created on July 14, 2014 by the Rec Sports Marketing/Design team. Design Henry Erdman and Kylie Hernandez Marketing & Communications Alex Peirce and Hannah Curley