Our visual style

Color palette

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

Gradients

In addition to solid colors, use subtle gradients to enhance visuals and provide dimensionality.

#329fd2

#0066aa

#24bfc7

#1fa7c2

#0066aa

#5c4ab0

#eb6845

#eb9945

Typography

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.

Imagery

As a rule, Winshuttle imagery:

  • 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

Yes

No

Illustrations

Use illustrations when more complex ideas need to be conveyed. Illustrations can include additional colors not defined in the core colors.

SAP to Excel

More Winshuttle Brand resources