Button

Default

These are the default button style, select between any color you want.

Primary   Secondary   Light   Dark   Grey   Gradient

Square

Square button style using any color from skin.

Primary   Secondary   Light   Dark   Grey   Gradient

Rounded

Rounded button style using any color from skin.

Primary   Secondary   Light   Dark   Grey   Gradient

Outline

Outline button style using any color from skin.

Primary   Secondary   Light   Dark   Grey

Outline Download Pill

Same as download pill but with outline.

Primary   Secondary   Light   Dark   Grey

Outline Square

Same as default outline but with square borders.

Primary   Secondary   Light   Dark   Grey

Arrow Buttons

Arrow button style using any color from skin.

Primary   Secondary   Light   Dark   Grey   Gradient

Arrow Pill

Same as pill but with arrows.

Primary   Secondary   Light   Dark   Grey   Gradient

Arrow Square

Same as square but with arrows.

Primary   Secondary   Light   Dark   Grey   Gradient

Outline Arrow Buttons

Same as arrow buttons but with outline.

Primary   Secondary   Light   Dark   Grey

Outline Arrow Pill

Same as arrow pill but with outline.

Primary   Secondary   Light   Dark   Grey

Arrow Square Outline

Same as square outline but with arrows.

Primary   Secondary   Light   Dark   Grey

External Link Buttons

External link style using any color from skin.

Primary   Secondary   Light   Dark   Grey   Gradient

External Link Pill

Same as pill but with external link icon.

Primary   Secondary   Light   Dark   Grey   Gradient

External Link Square

Same as square but with external link icon.

Primary   Secondary   Light   Dark   Grey   Gradient

Outline External Link Buttons

Same as external link buttons but with outline.

Primary   Secondary   Light   Dark   Grey

Outline External Link Pill

Same as external link pill but with outline.

Primary   Secondary   Light   Dark   Grey

Outline External Link Square

Same as external link square but with outline.

Primary   Secondary   Light   Dark   Grey

Download Buttons

Download style using any color from skin.

Primary   Secondary   Light   Dark   Grey   Gradient

Download Pill

Same as pill but with download icon.

Primary   Secondary   Light   Dark   Grey   Gradient

Download Square

Same as square but with download icon.

Primary   Secondary   Light   Dark   Grey   Gradient

Outline Download Buttons

Same as download buttons but with outline.

Primary   Secondary   Light   Dark   Grey

Outline Download Pill

Same as download pill but with outline.

Primary   Secondary   Light   Dark   Grey

Outline Download Square

Same as download square but with outline.

Primary   Secondary   Light   Dark   Grey

Sizes

Small Size    Default Size

Links