Naming and logo guidelines

Naming guidelines: App name and company name

For legal details, please see the application naming and advertising restrictions in the Intuit Terms of Service.

Connect to QuickBooks button

Implement your own on-click method with one of the buttons below to invoke the location in your app that initiates the OAuth 2.0 workflow. Define classes for both base and hover states.

The user clicks the Connect to QuickBooks button you provide in your app to initiate the authorization workflow to a QuickBooks company. This button corresponds to these OAuth 2.0 scopes:

During the authorization workflow, the user selects a company and then authorizes your app to access the data. After the user authorizes the connection, the browser is redirected back to your app. Learn more about authorization here.

Connect to QuickBooks button graphics

Download Connect_to_QuickBooks button images. Includes Connect to QuickBooks graphics in png and svg format, both base and hover states. These buttons are available in both English and French.

Button usage guidelines:
Color:
Using one of the green buttons is preferred. Use a transparent button when there is not enough contrast with the page background to use a green button.
Size:
Use the button size as is.
Aspect ratio:
Maintain the same aspect ratio as the original.

Connect to QuickBooks buttons (English):

qbo/docs/go-live/C2QB_composite_English.svg

Connect to QuickBooks buttons (French):

qbo/docs/go-live/C2QB_composite_French.svg

Sign in with Intuit button

Implement your own on-click method with one of the buttons below to invoke the location in your app that initiates the OpenID Connect authentication workflow. Define classes for both base and hover states.

If you’re implementing modified single sign-on, adding this button, and associated implementation, is optional.

The user clicks the Sign in with Intuit button you provide in your app to initiate the Intuit single sign-on authentication workflow. This button corresponds to these OpenID Connect scopes:

During the authentication workflow the user is prompted to log in with their Intuit user ID (email) and password. After user authentication is complete, the browser is redirected back to your app. Learn more about Intuit single sign-on..

Sign in with Intuit button graphics

Download Sign in with Intuit button images. Includes Sign in with Intuit graphics in png and svg format, both base and hover states.

Button usage guidelines:
Color:
Using one of the blue buttons is preferred. Use a transparent button when there is not enough contrast with the page background to use a blue button.
Size:
Use the button size as is.
Aspect ratio:
Maintain the same aspect ratio as the original.
qbo/docs/go-live/SIWI_composite_English.svg

QuickBooks logos

Here are the approved Intuit branding and marketing assets that you may use in your product or when marketing your app. You can download all these assets at once with this file: intuit_approved_logos.zip.

qbo/docs/go-live/logos-approved.svg

Logo usage guidelines

Clearance:
  • Minimum clearance around the logo is relative to the displayed size of the logo. Maintain spacing of at least half the height of the logo around all sides of the logo.
Background:
  • Preferred: white or light gray (#F4F5F8)
  • Reversed: dark gray (#393A3D)
Aspect Ratio:
  • Maintain the same aspect ratio as the original.
Minimum Size:
  • The size of the green “qb” ball within the logo should never be rendered smaller than 26 pixels. This means the “horizontal” logos should be 60 pixels or taller and the stacked logos should be 80 pixels or taller, with the widths maintaining their proportions to the height.

Examples of incorrect use of Intuit logos

qbo/docs/go-live/Logos-incorrect.png