Our visual style
Corporate Brand
Flagship Products
Modules
Treat only in text
Transaction
Query
Direct
Runner
Product Information Management
Digital Asset Management
Master Data Management
Add-ons
Winshuttle Blue
HEX #0066aa
RGB 0,102,170
Light blue
HEX #6dbaec
RGB 109,186,236
Teal
HEX #24bfc7
RGB 36,191,199
Purple
HEX #5c4ab0
RGB 92,72,176
Tangerine
HEX #eb9945
RGB 235,153,69
Dark navy
HEX #292b3d
RGB 41,43,61
Dark gray
HEX #3c3c3c
RGB 60,60,60
Medium gray (Text)
HEX #666666
RGB 102,102,102
Medium light gray
HEX #979797
RGB 151,151,151
Gray
HEX #dadada
RGB 218,218,218
Light gray
HEX #f1f1f1
RGB 241,241,241
Pantone Colors
Blue: PMS 300c
Gray: PMS Black 7c
Teal: 319 C
#329fd2
#0066aa
#24bfc7
#1fa7c2
#0066aa
#5c4ab0
#eb6845
#eb9945
Font
The freely-available Source Sans Pro is our official body text font.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!?&/()€$£¥¢=@;:,.
Light
Regular
Semibold
Bold
Leading
Use 1.5em leading to ensure clear readability.
Yes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
No
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
- Is macro (close-up) photography with shallow depth of field
- Uses brand colors when possible
- Is dark enough to allow for text overlay—a dark overlay is often needed to ensure readability
- Can include human elements but subjects should never be looking at the camera
- Is abstract yet still relevant to Winshuttle—a visual representation of data that isn’t too specific—unless actual Winshuttle screenshots are used