graphic standards 2019 - wuxi nextcode€¦ · acumin pro bold. the quick brown fox headlines 2nd...
TRANSCRIPT
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