Style Guide
Last updated
These styling options allow you to configure the look and feel of the checkout experience to best match your application.
1
Primary color
4287f5
Used throughout the app for headers, active buttons and loading icons.
2
Secondary color
111e2b
Used throughout the app for button hover over effects.
3
Text color
000000
Used as the color for labels and input text.
4
Background color
ffffff
This can be a solid background color applied to all pages of the checkout journey.
5
Theme
Dark, Light
This can be used to defined the Banxa custom Light or Dark theme.
6
Logo
fileName.png
PNG file 70 pixels in height. Please provide logo for both dark and white theme background or the vector design of the logo.
As an example, the below screenshot shows a solid background set as black (#000000), a primary color set at purple (#e014c2) and text color set at white (#ffffff).
In addition to setting the theme for the user, the user will also be able to change between light and dark mode via the settings button on the to right hand side

This is the custom dark mode with a logo.

Last updated