Skip to main content

Custom Branding

The Spidify Managed UI supports extensive custom branding options to ensure the KYC flow seamlessly matches your application's aesthetic.

Configuring Branding​

When initializing the SpidifySDK, you can pass a branding object within the options.

const Spidify = new SpidifySDK({
  // ...other options
  branding: {
    primaryColor: '#6366f1', // Indigo
    secondaryColor: '#f8fafc' // Slate 50
  }
});

Supported Properties​

  • primaryColor: Used for buttons, active step indicators, and primary accents.
  • secondaryColor: Used for backgrounds, borders, or secondary accents.

If you omit the branding object, the SDK will automatically fallback to the branding configured in your Spidify backend dashboard for your specific API Key.