Start here

Brand
Every touchpoint we have with our customers represents our QuickBooks brand. As such, it is imperative to understand our Brand strategy.  Here is are some links from our Fuel website:

Our mission and strategy
Strategy

Resources

Visual elements
The foundational visual elements of our QuickBooks brand:

Logo
Typography
Fonts
Colors
Photography
Lifestyle illustrations
Utility illustrations

Mechanics
The logic and relationships between spacing, layout, typography, and sizing of all elements:

4-pixel atomic grid
Responsive grid system
Spatial units
Using spatial units + type scale

Fixed and flexible

To innovate fast and ensure a cohesiveness experience, we make a distinction between fixed and flexible elements.

Fixed elements are specific, repeatable solutions to common customer problems. They are already defined, built, and standardized, so please use them consistently. They include foundational elements such as buttons, checkboxes, form fields, headers, font sizes, and colors.

Flexible areas are where we can optimize for a specific use case. These should address interaction issues only and should not contain visual design requirements. If you are assigned to an innovation project, then you are encouraged to stretch the boundaries of the system. Although any innovation needs to follow the visual mechanics structure.

Tools

To streamline design efforts, share files, and automate as much as possible, we primarily use Sketch. We use the Lingo library plugin for Sketch to synchronize design assets across instances in real time. If you haven’t used Sketch before, learn it. It’s powerful, and the learning curve is short.  For you coders out there, we’ve got a robust UI component library built with ReactJS.

Sketch
Lingo
Intuit Design System UI components

Images and assets

You can find images and assets in the Downloads section of this site. If you can’t find a specific asset, ask us. Please refrain from using external assets unless permitted otherwise.

Get support early and often

If you feel like you’re stuck, there are several forums to get help. Start with your fellow designers on your team, and then reach out to one or all of these resources:

QuickBooks Design System office hours
Make an appointment

  • Mondays through Thursdays, 3:00 – 4:00pm (USA/PST)

Brand office hours
Make an appointment. Email your question to nicole_parente-lopez@intuit.com

Review and approval process

Final approval for your project sits with the project owners. During your project, you have several resources to help you deliver awesome:

For visual design feedback
The first step is to reach out to the visual stakeholders team for their input. Contact Hetal Soni if you need support and/or project review.

For content design feedback
Make sure the content of your project is written by and reviewed by a content designer. If there is no content designer assigned to your project, get support at content design office hours.

Share your expertise

The QuickBooks Design System is owned by every QuickBooks designer and developer. Yes, that’s you! The QuickBooks Design team is here to help you learn how to contribute content that will help create a world-class design system. There’s no better time than the present, so let’s begin! See how it works

The QuickBooks design community is a collaborative environment and we encourage conversations among designers across project and team boundaries. You will find a number of events and activities in your calendar to foster collaboration and friendship among designers. We encourage everyone to participate, have fun, and learn. Welcome to the team!

 

  • Was this Helpful?
  •