Brand Colors 

Main Color 1
Main Color 2
Complementary Color 1
Complementary Color 2
Text Color

Standard Colors [always included]

White: #FFFFFF
Black: #000000
Light Gray 1: #F2F2F2
Clear: rgba(255,255,255,0)

AutoPilot Campaign Colors

Use website’s standard TEXT COLOR and FONT for all text on AutoPilot Pages. View our Manufacturer Procedure Blueprints & Assets page HERE.

Abbott Neurostim

Abbott Raspberry
Abbott Blue

Curamedix Shockwave

Curamedix Green

Inceptiv

Inceptiv Pink

Intracept

Intracept Blue
Intracept Gold

Nevro/HFX

Nevro Blue

Sprint PNS®

Sprint® PNS Green

Stryker RFA

Stryker Yellow

Vertos mild®

mild® Light Blue
mild® orange
mild® Dark blue

VIA Disc NP

VIA Disc NP Blue
VIA Disc NP Raspberry
VIA Disc NP Lime

Helpful Dev Shortcuts & Tips

  • Desktop container paddings are generally 4rem top and 6rem bottom (but may be different)
  • Tablet container paddings are generally 4rem top and 4rem bottom (but may be different)
  • Mobile container paddings are generally 2rem top and 3rem bottom (but may be different)
  • To remove padding under Gravity Form: .gform_wrapper {margin-bottom: 0px;}
  • For a trademark symbol that matches font formatting: use &-#-8-4-8-2-; [without dashes] ™
  • For a registered symbol: use &-r-e-g-; [without dashes] ®
  • Any opacity in elements (ie columns or gradients) is done using the global color + HSLA function (A= -#) so that it retains setting when global color is changed in settings
  • To change the icon color of a button: .fusion-button i {color: #HEXCODE;}
  • To change the “to top” button colors [insert appropriate hex colors]:
    #toTop {
    –totop_border_radius: 6px;
    –totop_background: [MAIN COLOR hex#] !important;
    –totop_background_hover: [COMPLEMENTARY COLOR hex#] !important;
    –totop_icon_color: #ffffff;
    –totop_icon_hover: #ffffff; }