User interface (UI) guidelines
This article provides guidelines on how to integrate Canva elements, such as buttons, into your product interface.
Connecting to Canva
Button Types
Use Canva-branded buttons when activating Canva-specific experiences or content from your product. The following examples demonstrate buttons for some common use cases.
Do
DO use this button for user authentication, when the connection will be sustained.
DO use other action button examples.
Button guidelines
We recommend using Canva-branded buttons when activating Canva-specific experiences or content from your product. It's acceptable to use text for an action button, without the Canva logo. The following examples demonstrate how to use buttons for some common use cases.
Do
DO use the Canva icon inside buttons, with at least `8px` margin on all sides.
DO use alternative buttons without the Canva logo, if needed.
DO display the Canva button at least as prominently as other third-party options.
Don't
DON'T use the Canva script logo inside buttons.
DON'T use the Canva icon by itself for a user action. It should be accompanied by text clearly indicating the action that will be taken.
DON'T use the Canva script logo by itself on a button. It should be accompanied by text clearly indicating the action that will be taken.