This section shows how to style the logo on digital properties such as websites and applications. For information on how to use the logo in print, see the Brand Standards section of the Design Guide.
Use the white reversed logo on dark backgrounds.
Please note: there is a difference between the “Primary” and “Reversed” logos. Each is unique and reversing one for the other will cause the face and outer line to be presented incorrectly.
Black and white
There are currently two libraries available to help implement the Design System for projects in React or Vue.
(The documentation to the component libraries is currently unavailable on this site at this time. In the meantime, it is recommended you check out the library and spin up the documentation locally. We are working on getting the documentation back, and hope to have that done soon.)