Skip to content

Buttons

Buttons

Buttons can be used to mask an external link or as a call-to-action anywhere on the site. Dual buttons can be used to mask two external links or two call-to-action items in a simple and elegant fashion.

Customization Available:

  • Style: Flat, gradient, transparent
  • Icon: None, custom icon - before or after text
  • Width: Auto, custom, full width
  • Click Action: Link (same page/new tab), lightbox (custom HTML)
  • 1 - Flat

  • 2 - Gradient

  • 3 - Transparent

Style 1 - Flat

Simple Flat

  • Design: Custom
  • Style: Flat
  • Width: Full width
  • Click Action: Link

Dual Block

  • Join Button: Yes | Button Divider: Text (or)
  • Style: Flat
  • Icon: Custom icon - before & after text shown
  • Width: Full width 

Style 2 - Gradient

Simple Gradient

  • Design: Custom
  • Style: Gradient
  • Width: Full width
  • Click Action: Link

Dual Pill

  • Join Button: No
  • Style: Gradient
  • Icon: Custom icon - after text 
  • Width: Full width 

Style 3 - Transparent

Simple Transparent

  • Design: Custom
  • Style: Transparent
  • Width: Full width
  • Click Action: Link

Dual Wireframe

  • Join Button: No
  • Style: Gradient
  • Icon: Custom icon - after text 
  • Width: Full width 
Scroll To Top