Shopify CSS Full Demo

Typography

This is light font weight text (Font Weight: 300).

This is medium font weight text (Font Weight: 500).

This is bold font weight text (Font Weight: 700).

This text is centered using the text-center class.

Headers

This is an H1 Header

This is an H2 Header

This is an H3 Header

This is an H4 Header

This is an H5 Header

This is an H6 Header

Colors

Buttons

Primary Button Secondary Button Success Button Danger Button Warning Button Info Button Light Button Dark Button Outline Primary Button Outline Secondary Button Outline Success Button Outline Danger Button Outline Warning Button Outline Info Button Outline Light Button Outline Dark Button

Forms

Form Control Input

Form Control Input with Focus

Layout