Elements

Change the most common design elements from this page.

Badges

40+ pages

[Class →] badge
···[Class →] is-small

40+ pages

[Class →] badge

40+ pages

[Class →] badge
···[Class →] is-large

Buttons

[Class →] button
···[Class →] is-small

[Class →] button

[Class →] button
···[Class →] is-large

[Class →] button
···[Class →] is-small

[Class →] button

[Class →] button
···[Class →] is-large

[Class →] button
···[Class →] is-secondary
······[Class →] is-small

[Class →] button
···[Class →] is-secondary

[Class →] button
···[Class →] is-secondary
······[Class →] is-large

[Class →] button
···[Class →] is-secondary
······[Class →] is-small

[Class →] button
···[Class →] is-secondary

[Class →] button
···[Class →] is-secondary
······[Class →] is-large

[Class →] button
···[Class →] is-outline
······[Class →] is-small

[Class →] button
···[Class →] is-outline

[Class →] button
···[Class →] is-outline
······[Class →] is-large

Forms

Example of a form component

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Icons

[Class →] icon-height-xsmall

[Class →] icon-height-small

[Class →] icon-height-medium

[Class →] icon-height-large

[Class →] icon-height-xlarge

[Class →] icon-height-huge

[Class →] icon-xsmall

[Class →] icon-small

[Class →] icon-medium

[Class →] icon-xlarge

[Class →] icon-xxlarge

[Class →] icon-huge

[Class →] icon-xsmall

[Class →] icon-large

Images

Pictures

[Class →] pic-xsmall

[Class →] pic-small

[Class →] pic-medium

[Class →] pic-large

[Class →] pic-xlarge

[Class →] pic-huge

Photos

[Class →] image-squared
···[Class ↓] image-fill-space

[Class →] image-4/3
···[Class ↓] image-fill-space

[Class →] image-3/2
···[Class ↓] image-fill-space

[Class →] image-16/9
···[Class ↓] image-fill-space

Logos

[Class →] logo-small

[Class →] logo-medium

[Class →] logo-large

Ratings

[Class →] rating-small

[Class →] rating-medium

[Class →] rating-large

Go to the full version
What to do next
Go to the
full version