Style Guide
Typography
Desktop:
Font Size: 64px
Line Height: 68px
Mobile:
Font Size: 48px
Line Height: 48px
Lorem ipsum dolor sit amet
Desktop:
Font Size: 48px
Line Height: 52px
Mobile:
Font Size: 32px
Line Height: 36px
Lorem ipsum dolor sit amet
Font Size: 34px
Line Height: 38px
Lorem Ipsum Dolor
Font Size: 24px
Line Height: 28px
Font Size: 18px
Line Height: 24px
Font Size: 26px
Line Height: 32px
Mattel is the home to some of the world's most well-known and beloved brands, including Barbie, Fisher-Price, Hot Wheels, American girl, Thomas & Friends, UNO and MEGA. Our offerings include film and television content, gaming, music and live events.
Font Size: 18px
Line Height: 26px
Mattel is the home to some of the world's most well-known and beloved brands, including Barbie, Fisher-Price, Hot Wheels, American girl, Thomas & Friends, UNO and MEGA. Our offerings include film and television content, gaming, music and live events.
Font Size: 16px
Line Height: 24px
Mattel is the home to some of the world's most well-known and beloved brands, including Barbie, Fisher-Price, Hot Wheels, American girl, Thomas & Friends, UNO and MEGA. Our offerings include film and television content, gaming, music and live events.
Font Size: 12px
Line Height: 14px
Mattel is the home to some of the world's most well-known and beloved brands, including Barbie, Fisher-Price, Hot Wheels, American girl, Thomas & Friends, UNO and MEGA. Our offerings include film and television content, gaming, music and live events.
Desktop:
Font Size: 64px
Line Height: 68px
Mobile:
Font Size: 48px
Line Height: 48px
Desktop:
Font Size: 48px
Line Height: 52px
Mobile:
Font Size: 48px
Line Height: 48px
Lorem ipsum dolor sit amet.
Color
#EE0024
rgba (238, 0, 36, 1)
#E5E6E6
rgba (229, 230, 230, 1)
#ADAEB2
rgba (173, 174, 178, 1)
#333333
rgba (51, 51, 51, 1)
#FFFFFF
rgba (255, 255, 255, 1)
Buttons
Border: Solid, 1px
Font: Helvetica Neue LT Pro — 75 Bold, 18px
Padding: Left 30px, Right 30px, Top 12px, Bottom 8px
Max Width: 300px
Default
Hover
Default
Hover
Default
Hover
Text Links & CTAs
Font: Helvetica Neue LT Pro — 45 Light, 18px
This is a CTA
Default
This is a CTA
Hover
These links will reside within longer blocks of text. Font sizes will vary.
This is a hyperlink.
Default
This is a hyperlink.
Hover
CTA + Icon
Default
CTA + Icon
Hover
CTA + Icon
Default
CTA + Icon
Hover
Graphic Examples