The Dub
The “Workday Dub” is an iconic symbol used as an extension of our main brand. It is used in product applications, as a favicon, application icons, avatar, and as an additional way to represent our company in promotional materials.
Anatomy
The anatomy of the “Workday Dub” has been carefully crafted. Following the guidelines below will ensure that the integrity of the symbol is maintained regardless of its scale.
For more information about the full Workday logo, check out this page on the Brand Central Style Guide.
Clear Space
The "Workday Dub” needs breathing room to maximize its visual effectiveness. The minimum clear space of the symbol is half the width of the W (X = W width x 0.5)
Digital Lockup
In digital applications where space is limited, it is often neccesary to use the “Workday Dub” in the product header. Headers can be used with Canvas Kit or by following the specs below.
Header Usage
Spacing Guidelines
Color Guidelines
Primary Label: Roboto, Regular, 20px, Black Pepper 300 Divider Line: Soap400
Reversed: Label: Roboto, Regular 20px, French Vanilla 100 Divider Line: FrenchVanilla100 @ 30% Opacity
Web Examples
To use these in code, simply import the SVGs from Canvas Kit:
import {dubLogoWhite, dubLogoBlue} from '@workday/canvas-kit-react/common';
Can't Find What You Need?
Check out our FAQ section which may help you find the information you're looking for.
FAQ Section