Plásticos Futura Style Guide

Colors

Primary Colors

Blue
#00569f
Black 800
#2b2b2b
Gray 300
#727272
Gray 500
#5b5b5b
Gray 200
#e2e2e2

Typography

Display 1 Text

Display 1 - 4.8rem/5.8rem

Display 2 Text

Display 2 - 5.8rem/6.9rem

Display 3 Text

Display 3 - 44px/1.182em
Text 400 Medium - Lorem Ipsum
Text 400 Semi Bold - Lorem Ipsum
Text 400 Extra Bold - Lorem Ipsum
Text 400 - 1.6rem/1.9rem
Text 300 Medium - Lorem Ipsum
Text 300 Semi Bold - Lorem Ipsum
Text 300 Extra Bold - Lorem Ipsum
Text 300 - 1.3rem/1.6rem
Text 200 Medium - Lorem Ipsum
Text 200 Semi Bold- Lorem Ipsum
Text 200 Extra Bold - Lorem Ipsum
Text 200 - 18px/1.111em

Heading H1 - Aa Bb Cc Dd

Heading 1 - 5.1rem/6.1rem

Heading H2 - Aa Bb Cc Dd

Heading 2 - 5.8rem/5.9rem

Heading H3 - Aa Bb Cc Dd

Heading 3 - 2.8rem/3.3rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 1.6rem/1.9rem

Italic - Lorem ipsum dolor sit amet

Italic Text
“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List

Icons

Buttons

Small
Button Primary - Small
Ver Video
Button Primary - Default
Large
Button Primary - Large
Small
Button Secondary - Small
Default
Button Secondary - Default
Large
Button Secondary - Large
Ver Video
Button Primary - Default

Cards