Assets

See Tickets US assets are simple, portable, and reusable. Consistent use of these assets ensures users intuitively understand all calls-to-action, hierarchy, field elements, and more.


Buttons

All buttons have 12px padding top and bottom and 32px padding on both sides.

Primary – See Tickets Teal

Default State

background-color: #00999A 100%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Hover State

background-color: #00999A 60%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Disabled State

background-color: #00999A 10%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Secondary – Gray 4

Default State

background-color: #495057 100%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Hover State

background-color: #495057 60%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Disabled State

background-color: #495057 10%
color: #fff
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Tertiary – Gray 4

Default State

background-color: transparent
border-width: 1px
border-color: #495057 60%
color: #495057 100%
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Hover State

background-color: transparent
border-width: 1px
border-color: #495057 100%
color: #495057 100%
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Disabled State

background-color: transparent
border-width: 1px
border-color: #495057 10%
color: #495057 100%
font-weight: regular
text-transform: uppercase

padding: 12px 32px
border-radius: 4px

Examples


Icons

Icons have 2px minimum padding around them. They fit in a 24px square and have 2px stroke weight for consistency. For access to these public Google Material Design icons, you can go to https://fonts.google.com/icons for icon downloads and integration guides.

Common

addcloseremovechecksearchcontent_copynotificationsdelete_outlineeditcalendar_today
info_outlinewarning_amberfiber_manual_recordcirclemenuunfold_morefilter_altcancelmore_vertsave
design_servicesstarstar_border

Arrows

arrow_upwardarrow_forwardarrow_downwardarrow_backrefresh

Chevrons

keyboard_arrow_upkeyboard_arrow_rightkeyboard_arrow_downkeyboard_arrow_left

Contact

personterrainalternate_emailmail_outlinephonecontact_page

Navigation

access_timeperson_outlinepeoplearticle

Download and Share

file_uploaddownload

Settings

more_horizsettings

Favorite

favoritefavorite_outline

Graph

trending_uptrending_downbar_chart

Finance

credit_cardqr_code_2monetization_onreplay_circle_filleddo_not_disturb

Event

confirmation_numbermarkunread_mailboxlocation_onevent_seatlocal_shipping

Social

insert_linkfacebook

Text Edit

format_boldformat_italicformat_underlinedformat_strikethroughformat_list_bulletedformat_list_numberedformat_align_leftformat_align_centerformat_align_rightspellcheck
format_clearformat_sizeemoji_emotions

Favicons

A favicon is an image file that typically serves as a website’s icon feature for shortcuts, browser tabs, bookmarks, etc. Download your file, rename to “favicon.ico” and upload wherever needed.

Pink


Yellow


Teal


Purple


Black


White


Email Signature

Everyone using a See Tickets US email should ensure that their email signature is outlined and displayed uniformly as is listed below. Text and logo are 100% black. The font is Roboto Regular in 16px font size with single line spacing.

Full Name [upper and lower case]
Job Title [upper and lower case]
See Tickets – North America
Phone Number [xxx-xxx-xxxx]
Logo [black] [link to https://www.seetickets.us/]

Example

Claire Lopacki
Head of Design
See Tickets – North America
(323) 908-0607


Photography

Approved images can be found at the online database Unsplash. Photos can be downloaded and used for free, for commercial and non-commercial purposes. No permission needed.

Resource: https://unsplash.com