Visual foundations
Visual elements like colors, icons, photography, and typography are essential in every experience we build.
Start designing and developing great experiences with components, guidelines, and more resources. Built on the foundations provided by the Intuit Design System.
Has the component or pattern you’re using been updated with the new visual design?
Find out in the visual refresh dashboard.
Not sure what to use for your design?
Browse through your choices in the beta version of our visual component gallery.
View our gallery of live components.
View componentsVisual foundations
Visual elements like colors, icons, photography, and typography are essential in every experience we build.
Graphic elements
(for QuickBooks and QuickBooks Self-Employed)
Energy beams
Dot patterns
Leader line
Graphic elements (for QuickBooks Online Accountant)
Energy beams
Energy bar
Illustrations
Lifestyle illustrations
Utility illustrations
Iconography
Video storytelling
Customer videos
Product videos
Product expression
Content design
QuickBooks products and services are nothing without content. These guidelines help us design useful product and marketing content as well as present the customer’s own business info. To see Intuit content guidelines, visit contentdesign.intuit.com.
Voice and tone
Attributes
Principles
Examples
Editorial style
Content checklist
Formatting
Punctuation
Usage
Word list
QuickBooks product names
Accountant
Developer
Self-Employed
Small Business
Marketing guidelines
These standards and tactics help us create experiences that bring new customers to QuickBooks products and supplement those products with additional information.
Marketing components
Buttons
Typography
Horizontal tabs
Marketing components
On-page navigation
Standard accordion
Video
Product guidelines
Here are components and patterns that make up QuickBooks product experiences, including elements that help customers discover features and use them to get work done.
Communication
Info link
Inline messages
Loading spinners
Numeric badges
Navigation
Links
Marketing global header
Product header
Sticky footer
Tabs
Resources
Download these files, assets, and tools to start creating, managing, and sharing designs.
Downloads
Lingo library
Photography
Motion
Video
Get connected
Need help figuring out what pattern to use? Not sure how to apply the right visual style to your design? Want to figure out how to improve the content customers see? Connect to the design systems team for answers.
Get support
Office hours
Slack channel