Graphic Standards

2019

Clear space.Maintain a minimum clear zone around the logo to maintain readability and ensure the logo is a prominent element on the page. Do not place any element within 1/2 X of the logo, where X equals the width of the letter W in “WuXi” at the size it is placed.

Logo color usage.The primary colors for the WuXi NextCODE logo are WuXi Blue and black. The logo can also be produced in all black or all white.

It is acceptable to place the logo (solid or reverse) on solid fields of color or photographs, as long as the entire logo maintains su�icient contrast with the background for readability. The logo should not be reversed out of any field lighter than the equivalent of a 50 percent screen of black.

LogoUsing the WuXi NextCODE logo consistently in all print and digital communications signifies authenticity and reinforces the brand. It’s important to use consistent logo treatment to build familiarity and maintain a unified, professional image. WuXi NextCODE employees can download approved versions of the logo from OneDrive. Agency partners should contact the appropriate marketing manager from the contact list at the end of this document. Use these guidelines to determine correct logo color, size, and placement.

1X1X

1/2 X

1/2 X

ColorpaletteTo develop the WuXi NextCODE’s color palette we took the branded house approach.Voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

CXX MXX YXX KXXRXX GXX BXXHex: #53c8e7

CXX MXX YXX KXXRXX GXX BXXHex: #0074c8

CXX MXX YXX KXXRXX GXX BXXHex: #ccdd00

CXX MXX YXX KXXRXX GXX BXXHex: #b2c400

Pantone® XXXX

Pantone® XXXX

Pantone® XXXX

Pantone® XXXX

Primary Colors

Secondary Colors

Grays

PrintPantone

PrintCMYK

ScreenHex

ScreenRGB

#363636#535353#7F8389#e1e3e4#f3f4f4

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 - !@#$%^&()-_=+

Acumin Pro Light

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 - !@#$%^&()-_=+

Acumin Pro Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 - !@#$%^&()-_=+

Acumin Pro Semibold

Typography

Logo color usage.The primary colors for the WuXi NextCODE logo are WuXi Blue and black. The logo can also be produced in all black or all white.

It is acceptable to place the logo (solid or reverse) on solid fields of color or photographs, as long as the entire logo maintains su�icient contrast with the background for readability. The logo should not be reversed out of any field lighter than the equivalent of a 50 percent screen of black.

Our primary font is the Acumin Pro using the 4 weights: light, regular, semibold, bold.

Our fallback font for digital or print scenarios that don’t allow for Acumin Pro is the open source Nunito Sans, which can be found https://fonts.google.com/specimen/Nunito+Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 - !@#$%^&()-_=+

Acumin Pro Bold

The quick brown fox

Headlines2nd tier headers are semibold and can either be dark grey or blue, max 48pt/36px.

Subheader / Intro Sentence3rd tier headers should always be darker grey and regular weight, max 22.5pt/30pxIntro sentence: light weight, max 14.25pt/19px

Body CopyBody copy is general no larger than 11.25pt/15px. It is Dark grey on light grey backgrounds and slightly lighter grey on white backgrounds.

Titles / Display Titles should never get bigger than 51pt/68px large. First and second tier titles can be dark grey if need be, but they’re the only titles that can be blue (on grey bg) or yellow (over image).

brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy

The quick brown fox

The quick brown fox jumps over the lazy dog.

End-to-endsolutions

brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Sequencing is great. The Blue Lava mesh gradient voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

Sequencing

Sequencing is great. The Blue Lava mesh gradient voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

Secondary Analysis

Sequencing is great. The Blue Lava mesh gradient voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

Tertiary Analysis

Sequencing is great. The Blue Lava mesh gradient voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

Reports

Logo color usage.

The primary colors for the WuXi NextCODE logo are WuXi Blue (PMS XXXX) and black. The logo can also be produced in all black or all white.

It is acceptable to place the logo (solid or reverse) on solid fields of color or photographs, as long as the entire logo maintains sufficient contrast with the background for readability. The logo should not be reversed out of any field lighter than the equivalent of a 50 percent screen of black.

Secondarygraphics

The SwirlUntil we gain greater widespread recognition, establishing WuXi NextCODE’s brand identity is best done using our primary marks (the combination of the swirl and the “WXNC” wordmark). However, some online formats in particular do not allow proper space to meet the minimum size requirements of our mark (e.g., Facebook). In these instances, the shield may be used (with appropriate approval) without the wordmark.

Blue Lava The Blue Lava mesh gradient voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

Sky Flare The Sky Flare mesh graphic voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitdient

x.x in

Minimum Size