The CTA always leads with 'sign in'.
The 'sign in' button must always sit to the left of the 'register' button and appear with a signed out 主播大秀 'account' icon.
The height of the 'sign in' icon is always the same as the font's cap height and aligned to the baseline.
Don't change the colour of the 'sign in' icon.
The CTA should use the blue button where possible. There is a secondary white option. But this is only for situations where blue is not possible for accessibility reasons.
The blue CTA should use these colours:
- Active state: #006DEF
- Rollover state: #005BC8
The CTA must not be scaled, there are three sizes to choose from (small, medium and large). More information can be found below.
Don't remove the 'sign in' icon from the button.
The icon and text elements are all centered vertically in the button.
Don't use different icons with 'sign in'.

Type and sizing

There are three CTA sizes to choose from, small, medium and large. The use of these sizes are based upon the design or product requirements.

The CTA type sizes and line heights are:

Small - 15/18
Medium - 18/22
Large - 20/24

For more information around type sizes, please read the typography guidelines.

Take a look at our downloadable assets for the different padding and button heights required at various group sizes. These assets can be found at the top of the page.

Terminology

Don't use different words for 'sign in' and 'register'. For example, 'log in' or 'sign up'. Don't capitalise the first letter of account. It's 'account' not 'Account'.

When referring to your 主播大秀 account please be consistent and use the right terms.

Correct terms	Incorrect terms
Sign in, Sign out	Login, Log in, Log out
Register, Registration	Sign up
Settings	Preferences
Account, 主播大秀 account	主播大秀 membership

主播大秀

History

Publication

James Bowen

Jo Spencer-Geoghegan

Jacek Barcikowski

Could you improve this guideline?