Buttons Sink
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum reprehenderit, id perspiciatis commodi deserunt eius quia maiores quidem sunt, laboriosam quis modi error unde iste nam numquam illo. Nesciunt, voluptatem?
Vertical Alignment of Content
Button States
Content Lengths
Primary Too Much Content
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam ut aliquid tenetur sequi pariatur rem expedita similique, rerum, corrupti assumenda alias adipisci distinctio.
Primary Too Little Content
.
Flat, No Background
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Flat, No Background, Dark
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Flat, No Background, Small
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Flat, No Background, Small, Dark
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Flat, No Background, Large
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Flat, No Background, Large, Dark
Element= "input-button"
Element= "submit"
Element= "a"
Element= "button"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "checkbox"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes
Element= "radio"
default
Sign Up
hover
Sign Up
focus
Sign Up
active
Sign Up
disabled
Sign Up
default
Download Document
hover
Download Document
focus
Download Document
active
Download Document
disabled
Download Document
default
Continue
hover
Continue
focus
Continue
active
Continue
disabled
Continue
default
Upload Changes
hover
Upload Changes
focus
Upload Changes
active
Upload Changes
disabled
Upload Changes