Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Visual Components Corporate Identity guidelines

2,240 views

Published on

2016 New Visual Identity Guidelines, new logo, new brand

Published in: Marketing
  • Be the first to comment

Visual Components Corporate Identity guidelines

  1. 1. VISUAL IDENTITY Corporate design manual guideline
  2. 2. CONTENTS THE IMAGE OF CORPORATE 3 Visual identity 3 Why, how, what we are 4 Our mission 5 How we want to be seen 5 CORPORATE LOGO & SYMBOL 6 The logo = symbol + logotype 7 The story behind symbol 8 Specification for logo and symbol 9 Size of the logo 10 Safety area for logo 10 Backgrounds for the logo 11 Incorrect use of logo 12 Incorrect backgrounds with logo 13 LOGO AND SYMBOL IN SOFTWARE 14 Software icons on desktop 14 PRODUCT LOGO AND SYMBOL 15 CORPORATE COLORS 16 How to use colors 16 Correct color combination 17 Inorrect color combination 17 Color palette for graphic elements 18 GRAPHIC ELEMENTS 19 Diagonal shape 19 Infographics 20 Illustration 22 Triangle pattern 23 TYPOGRAPHY 25 Corporate typefaces in print media 25 Typefaces in different applications 26 Principals of using typography 27 PICTURE WORLD 29 Style and colors in pictures 29 Photographs 30 Pictures of simulation 33 GRIDS AND LAYOUTS 34 Using grids in brochures 34 Diagonal grids 35 PRESENTATION TEMPLATES 36 BUSINESS CARDS 40 FLYOUTS 41 BANNERS 43 STATIONARIES / LETTERS 45 POSTERS 46 TUTORIALS 47 EMAIL SIGNATURES 50 SPLASH SCREEN 53
  3. 3. THE IMAGE OF CORPORATE Visual identity When developing creative concepts for promo- tional materials, it is important to ensure that the message, content, imagery and presenta- tion of the items fit with the corporate strategy and positioning of Visual Components. It is our brand that gives us the direction on how we present ourselves and ensures that we have clarity and consistency in our messaging and vi- sual identity.
  4. 4. THE IMAGE OF CORPORATION WHY We believe that the benefits of using production simulation should not be confined only to expert users. We believe that the user of our products should not be closed in or limited by our technology. WHY is our reason for ex- istence HOW explains how we put our beliefs in action WHAT is the outcome of our beliefs HOW We provide easy-to-use and intuitive production simulation tools with open interfaces for custom- ization and extendibility. With our easy-to-use and customizable simulation tools we are opening the benefits of simulation to everyday corporate use. HOW WHAT WHY WHAT We provide to our customers solutions. Visualize and communicate the solution (Sales tool) • We streamline our customer’s sales process • Reduce their engineering cost in the sales phase • Improving communication with the customer Simulate and analyse the solution (engineer- ing tool) • Being able to eliminate problems already in a virtual model saves both time and money Sell and Ship your equipment with a custom- ized software solution (customized software solution) OEMs can focus on their core business and use Visual Components’ simulation engine and open API to quickly build customized software solu- tions. Why, how, what we are
  5. 5. CORPORATE IMAGE Our mission The mission of Visual Components is to set the standard in production simulation and make 3D production simulation as common- place as 3D CAD is today. How we want to be seen We are an international company with an in- novative approach to 3D simulation and visual- ization who is striving to achieve thought lead- ership in the designing of the factories of the future OUR VALUES • Staff – HELP AND BE HELPED • Customers – TREAT WITH HONESTY • Products – LISTEN TO THE CUSTOMER • Business – LEAD AND FOLLOW OUR SLOGAN “Factories of the future”
  6. 6. CORPORATE LOGO & SYMBOL
  7. 7. CORPORATE LOGO & SYMBOL The logo = symbol + logotype The logo has two components – the symbol and the logotype. The symbol must be used as part of the logo in all com- munications. The symbol by itself can be used only in social media (Facebook, Twitter and YouTube) and in Visual Components software as an icon. No other use is allowed. logotypesymbol logo
  8. 8. CORPORATE LOGO & SYMBOL The story behind symbol • Components that together create a whole unit • Ease of use - simplicity • Just plug and play
  9. 9. CORPORATE LOGO / PREFERRED LOGO ONE COLOR / NEGATIVE COLOR ONE COLOR / DARK METALLIC COLOR CORPORATE LOGO & SYMBOL Specification for logo and symbol
  10. 10. CORPORATE LOGO & SYMBOL Size of the logo Use the correct size of logo for different documents and places. LOGO IN STATIONARIES In business cards, letters and envelopes you should use 35 mm wide logo. LOGO IN SOFTWARE In software you should use 24 px wide symbol. LOGO IN WEB In web you should use 125 -175 px wide logo. In very small window you may use the symbol by it- self. Safety area for logo Always use a safety area with logo. The safety area is the size of the symbol as big as it is in logotype.
  11. 11. CORPORATE LOGO & SYMBOL Backgrounds for the logo Do not use any background colors other than the ones shown here. Always use a full color logo with backgrounds. One excep- tion is a black/dark metallic gray background in which you may use a yellow symbol with white logotype. If you have a picture as a background, use either dark metallic gray or white logo (full color logo). Be sure that there is enough color contrast between background and the logo.
  12. 12. CORPORATE LOGO & SYMBOL Incorrect use of logo • Do not recolor logotype or symbol with any color • Do not change the colors between logotype and symbol • Do not stretch the logo, neither its symbol nor logotype • Do not use symbol or logotype by itself • Do not change the size relationship of the symbol and logotype
  13. 13. CORPORATE LOGO AND SYMBOL Incorrect backgrounds with logo • Do not use logo with any inappropriate background colors • Do not place the logo over busy photographic back- grounds
  14. 14. LOGO AND SYMBOL IN SOFTWARE Software icons on desktop Desktop shortcut icon File document icon Set up icon Desktop shortcut icon File document icon Set up icon
  15. 15. PRODUCT LOGO AND SYMBOL Essentials Premium Use product logos as they are. You should not add Visual Components corporate logo or symbol to it.
  16. 16. LIGHT SILVER GRAY Pantone Solid 428 C HEX: #c3cbd0 CMYK: 23, 14, 13, 0 RGB: 195, 203, 208 RAL: 7047 DARK METALLIC GRAY Pantone Solid 432 C HEX: #32353e CMYK: 44, 34, 22, 78 RGB: 50, 54, 63 RAL: 7021 WARM MACHINE YELLOW Pantone Solid 124 C HEX: #F2AF00 CMYK: 0, 34, 100, 0 RGB: 252, 177, 6 RAL: RAL 1032 CORPORATE COLORS TECHNICAL BLUE Pantone Solid 2183 U HEX: #398fb4 CMYK: 68, 21, 0, 29 RGB: 57, 143, 180 RAL: 5012 How to use colors Corporate colors are shown below. Dark metallic gray and light silver gray are neutral colors. Use them as backgrounds for text and infographics. Warm machine yellow and technical blue are dy- namic colors. Use dynamic colors sparingly but with intent. Warm machine yellow is also used in the logo of Visual Components. Respect the white space. White space is in impor- tant role when using colors. Dynamic colors needs always some space to breathe.
  17. 17. CORPORATE COLORS Correct color combination Use neutral-neutral and neutral-dynamic colors to- gether. Remember readability and contrast. Dynamic color background Neutral color background Neutral color background Dynamic color background Inorrect color combination Do not use dynamic-dynamic colors together. Use one dynamic color at one time. Remember color harmony, readability and contrast.
  18. 18. CORPORATE COLORS Color palette for graphic elements Additional colorsBasic colors RGB: 153, 153, 153 HEX: #999999 RGB:194, 204, 209 HEX:#c1ccd1 RGB:254, 192, 61 HEX:#ffbf3d BLUE RGB: 57, 143, 180 HEX: #398fb4 RED RGB: 237, 97, 64 HEX: #ed603f GREEN RGB: 112, 186, 105 HEX: #70ba68 GREY RGB: 51, 51, 51 HEX: #333333 WHITE RGB: 255, 255, 255 HEX: #ffffff SILVER GRAY RGB: 195, 203, 208 HEX: #c3cbd0 YELLOW RGB: 57, 143, 180 HEX: #F2AF00 METALLIC GRAY RGB: 50, 54, 63 HEX: #32353e RGB: 98,98,98 HEX: #606060 RGB: 242, 242, 242 HEX: #f2f2f2 RGB: 68, 72, 85 HEX: #444754 RGB: 237, 237, 237 HEX: #ededed RGB: 212, 217, 222 HEX: #d3d8dd RGB:255, 204, 79 HEX: #ffcc4f RGB: 92, 97, 112 HEX: #5b6070 RGB: 186, 186, 186 HEX: #bababa RGB: 224, 224, 224 HEX: #e0e0e0 RGB: 241, 243, 244 HEX: #e2e6e9 RGB: 255, 214, 115 HEX: #ffd672 RGB: 115, 120, 140 HEX: #72778c RGB: 82, 163, 199 HEX: #51a3c6 RGB: 240, 117, 92 HEX: #ef755b RGB138, 199, 133 HEX: #89c684 RGB: 120, 184, 212 HEX: #77b7d3 RGB: 242, 138, 115 HEX: #f28972 RGB: 156, 207, 150 HEX: #9bce96 RGB: 158, 204, 224 HEX: #9ecce0 RGB: 247, 176, 161 HEX: #f7afa0 RGB: 171, 214, 168 HEX: #aad6a8
  19. 19. Diagonal shape Diagonal shapes are used in different kinds of mar- keting material. Use diagonal strokes between two or more squares or one at time. The diagonal square starts from edges of document. The horizontal shear angle is 30 degrees. Always use the same angle and height in one document/page. some text here GRAPHIC ELEMENTS 5 30� some text here
  20. 20. GRAPHIC ELEMENTS Infographics Infographics are used in different kinds of mar- keting material, for example in videos, web pag- es, brochures and presentations. Style in infographics is simple and flat. Colors in infographics are mainly corporate col- ors (yellow, dark metallic gray, white). Other col- ors are allowed if they have some special mean- ing, for example red for alert. In such cases, use Color palette for graphic elements (page 18.) Color contrast should always be clear.
  21. 21. GRAPHIC ELEMENTS Infographics like statistics and icons are usually shown inside the circle. You should leave white space between content and stroke of the circle. When using statistics • Place numbers inside shapes • Leave enough white space inside the shape When using icons • Use icons if there is a clear func- tion • Use icons if the words would not work • Do not try to make an icon look too realistic • Do not use an icon to represent a complex message • Use icons if they have meaning in the context • Do not overuse icons 50 % 10 min. 80 %
  22. 22. GRAPHIC ELEMENTS Illustration Illustration is a good way to convey messages and tell stories. Illustration should always have a purpose and never be used as decoration. Illustration can be an effective solution when photography isn´t available or if you want to create more effective impression. • Illustrations are flat and simple. • Illustrations are made of geometric shapes. • Use only the Color palette for graphic elements (page 18). • Illustrations are vector based artwork.
  23. 23. Triangle pattern Triangles symbolize components and the sim- plicity to create units. When to use patterns • Use patterns in videos, webpages, presen- tations and in other marketing material • When using triangles in a pattern do not use any other complex diagonal shapes at the same time/same page. Triangle pattern needs white space around How to use triangle Triangles could be used separately or in group making a visual shape. Be creative when us- ing triangles, but remember to follow the com- pany's visual identity – the look and feel and the idea. You can play with the shape of triangle, es- pecially when it involves to campaigns. You can use triangle patterns with: • Color-filled triangles • Triangles with borderlines Color-filled triangles When using a color-filled triangles in a group, make the triangles in different transparency. Transparency makes the graphics more alive. Use 100%, 80%, 60% and 40% transparency. GRAPHIC ELEMENTS
  24. 24. GRAPHIC ELEMENTS Triangles with borderlines Triangles could be used with borderlines. Use only one color then. Be creative when using triangles, but remember to stick to company´s visual identity – the look and feel and the idea. You can play with the shape of triangle, espe- cially when it involves to campaigns.
  25. 25. Corporate typefaces in print media DIN OT as body text and header DIN OT reflects the spirit and feel of the brand; it is clean, conveying a sense of modernity. DIN OT is used in print media and marketing ma- terial. DIN will only be used for publications pro- duced by the Marketing department. Bodytext Din OT Regular Header Din OT Medium Caption, ingress and quotes typefaces Ingress Georgia Pro Italic Quotes Georgia Pro Light Italic Caption Georgia Pro Semibold Italic DIN OT AaBbCc123 abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz Georgia Pro Italic AaBbCc123 abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz TYPOGRAPHY
  26. 26. TYPOGRAPHY Typefaces in different applications Powerpoint, presentation templates Calibri is used in powerpoint presentations. Calibri Light Calibri Regular Calibri Bold Italic Webpages Open Sans (Body text, Headers) Georgia Pro Italic (quotes) Georgia Pro Semibold Italic (caption) Applications, Tutorials and Training materials Segoe UI is used in Application. Segoe UI semilight, Segoe UI Regular, Segoe UI Italic, Segoe UI Semibold Calibri AaBbCc123 abcdefghijklmnopqrstuvxyz abcdefghijklmnopqrstuvxyz
  27. 27. Principals of using typography Font size / typeface As a general rule, use one size each for head- ings, introductory paragraphs, body text, little information (example contact information) and any large pull-out or highlight quotes if needed. Serif and sanserif Use only one serif and one sans-serif in same document. Use only Visual Components corpo- rate typefaces. In Marketing material it means DIN for the sans-serif and Georgia Pro for serif. Georgia Pro is for the quotes, contact informa- tion and captions. When using numbers you should use the old style figures. Leading and kerning Particular attention should always be paid to the leading (space between lines of copy) and the kerning (space between individual letters). They should be neither too close together nor too far apart as this compromises legibility. Dont´use kerning if possible. In the 10,5pt body text the leading is 13pt. TYPOGRAPHY Section header, use a DIN OT Medium, 14pt Bodytext, use DIN OT Regular, 10,5pt. Use a 13pt lineheight. Visual Compo- nents for Sales is a factory layout visualization and presentation service. It will double your layout design speed compared to CAD-generated 2D im- ages. We will turn your products into 3D components and layouts in just four weeks. Your sales specialists can easily draft factory in animated 3D. Ingress, use a Georgia Pro Italic, 14pt. Use 19pt line- height. Visual Components for Sales™ is 3D sales sup- port service for production system planning. Visualize your product offering and cut down 30 percent of your quote delivery time. HEADER, USE A DIN, 18PT “Quotes, use a Georgia Pro Italic, 16pt. Liner height is then 19pt.” This is a caption, Georgia Pro Semibold Italic, 9pt.
  28. 28. Hierarchy It’s important to pay attention to the hierarchy of information on a page. It is important to keep the headline prominent, usually in a larger size. You should be able to look at a page and know immediately which information to read first. Alignment As a rule always left-align body text and do not justify text. This aids legibility and creates more visually appealing documents. In some occasion left justify is suitable. Headers should be near with the text belonging, not the previous text or middle of the paragraph. Use baseline shift to move the subheaders if necessary. Line length For A4 (landscape or portrait) pages ensure that the line length is neither too short (a minimum of six words per line) or too long. Line lengt should not be over 80 character. The optimal line lenght is about 60 character. Approximately 12 to 14 words per line is an optimum length. In an A5 document single-column text is accept- able; a minimum margin of 15mm should be maintained around the text on the page. TYPOGRAPHY Emphasis Emphasising certain words within a section of text can highlight key words or phrases. A bold- er version of the font or a different and bolder color than the rest of the body text will help to emphasise certain words or sections. Empha- sising should only be done sparingly in order to retain the difference between highlighted sec- tions and normal body text. Also consider to use some background color if it serves that situation. If using a colored back- ground, you should make a good contrast and ensure that the text is readable. Text color As a rule, do not use more than three colors of text (in addition to black/gray and white) within one document. There may be exceptions for lon- ger documents, example in tutorials.
  29. 29. PICTURE WORLD 7 Visual Components picture world consist of photo- graphs and pictures of simulation. Style and colors in pictures All pictures (photos and layouts) have similar style and feeling in marketing material, web pages and brochures. Use similar colors and lights in all pic- tures. Try to use colors which are matching the Visual Components palette colors: light silver gray, me- tallic gray, yellow, white. Use yellow and blue spar- ingly but with intent.
  30. 30. Photographs Photograph is important key element of the corpo- rate identity. It should be used to show a unique, unexpected and surprising perspective of vi- sual simulation and improving workflow. The corporate photography system contains a mix of atmospheres and details, depersonalized and personal photos. The feeling of photos should be light, fresh, cool, simple and modern. PICTURE WORLD DON´T • Do not use images or models that look staged or posed • Do not recolor images in an un- natural way • Do not use too manipulated/pho- toshoped/unrealistic photos (exept wireframe illustration). DO • Use pictures that are related to world of Visual Components and associated with simulation, robot- ics, machinery and people in work- flow. • Use fresh, cool, crisp, clean and harmonizing photos There is two kind of photos: a) Realistic photos • Photos of software and people using them • Photos of production lines with products • Photos of factory (detail and overview) • Photos of manufacturing, material handling, warehousing b) Realistic photos with wireframe • Draft-Ready (Before-After) illustration • Wireframe (design) over layout • Graphical wireframe
  31. 31. PICTURE WORLD
  32. 32. PICTURE WORLD
  33. 33. PICTURE WORLD Pictures of simulation • Remember color harmony in the layouts. The overlook should be more monocromatic. Use the dynamic colors (yellow, orange) sparingly but with intent. • Do not clutter the foreground. • Do not have too much going on. • Floor and wall elements should have a realis- tic feeling. Use shadows and lighting to add life to surfaces.
  34. 34. Using grids in brochures 3 column vertical grid (A4 and A5 size) In 3 column vertical grid, you can use all the grids separately or use them all together when placing elements. Do not use three grids to- gether when placing text because of too wide line length. 4 column vertical grid (A4 and A5 size) In 4 column vertical grid, use only two or three columns together when placing text. In one grid you can use a picture text or some graphics and elements. Do not use four grids together when placing text because of too wide line length. GRIDS AND LAYOUTS In 3 column vertical grid, you can use all the grids sepa- rately or use them all together when placing text or pictures. In 4 column vertical grid, use only two or three columns together when placing text. In one grid you can use a picture text or some graphics and elements. Don´t use four grids together when placing text because of too wide line lenght. In 3 column vertical grid, you can use all the grids separately or use them all together when placing text or pictures. In 4 column vertical grid, use only two or three columns together when placing text. In one grid you can use a picture text or some graphics and elements. Don´t use four grids together when placing text because of too wide line lenght. In 3 column vertical grid, you can use all the grids separately or use them all together when placing text or pictures. In 4 column vertical grid, use only two or three columns together when placing text. In one grid you can use a picture text or some graphics and ele- ments. In one grid you can use a picture text or some graphics and elements. Don´t use four grids together when placing text because of too wide line lenght. In 3 column vertical grid, you can use all the grids separately or use them all together when placing text or pictures. In 3 column vertical grid, you can use all the grids separately or use them all together when placing text or pictures. 3 COLUMN VERTICAL GRIDS
  35. 35. GRIDS AND LAYOUTS Diagonal grids You can use diagonal grids to help you de- sign some marketing materials, for exam- ple campaign flyers, arts or brochures.
  36. 36. Use one font Use Calibri as your default font in presentation templates, for example in powerpoint. No other fonts should be used. Keep it simple Audience are much more likely to remember the content if they are not overloaded with information. Do not cram text onto a slide. Give space to the copy and let it ‘breath’. You should keep the typography as simple as pos- sible. Try to keep the font sizes and font colors as minimum as possible throughout the presentation. Standardize bullet points Use only one bullet point style throughout the pre- sentation. Use only solid square in bullets points. Do not use slide transitions If possible, avoid the use of slide transitions. If us- ing transitions keep them simple and consistent. Do not use clip art Clip art is against brand guidelines and should not be used. Colors in graphs and infographics Use only few colors in your graphs and infograph- ics troughout the whole presentation. Colors in graphs and infographics are mainly Visual Compo- nents corporate colors (yellow, dark gray, white). Other colors are allowed if they have some special meaning, for example red for alert. Color contrast should be clear. Use on brand photographs or imagery Any imagery should reflect the brand, in the same way as in our print material. Do not use imagery found on the Internet, if possible. A good picture is sometimes better than words. A poor picture is sometimes worse than nothing. PRESENTATION TEMPLATES 5 colors use vectors use photos
  37. 37. PRESENTATION TEMPLATES
  38. 38. PRESENTATION TEMPLATES
  39. 39. PRESENTATION TEMPLATES
  40. 40. BUSINESS CARDS mobile +358 40 097 7646 office +358 9 2524 0800 christer.ericsson@visualcomponents.com Visual Components Oy Vänrikinkuja 2 02600 Espoo Finland Christer Ericsson Application Engineerwww.visualcomponents.com SOME SLOGAN COMES HERE
  41. 41. FLYOUTS Important information Venue address Restaurant Sipuli Kanavaranta 7 00160 Helsinki Finland Dinner Wednesday Restaurant Walhalla Suomenlinna A10 00190 Helsinki Finland Visual Components HQ address Visual Components Vänrikinkuja 2 02600 Espoo Finland Taxi +3581000700 / +3581007300 Questions? Lost? Call Manuela Moosmann +358407627340 Visual Components Agenda & Information PARTNER DAYS 2015 2.– 4. September Next Generation (NG)
  42. 42. Welcome to Helsinki! We are extremely happy to host the Visual Components partner days here in Finland. During these partner days we would like to introduce you to the future of the Visual Components simulation software. There are many things going on at Visual Components: our next generation software platform (NG), new business models and new ways how customers can access our software are coming up. We would like to hear your thoughts, your ideas and especially where you see opportunities for improvement. Thanks for coming. We are wishing all participants informative and successful partner days 2015. Wednesday, 2. September 2015 09:30 Coffee 10:00 Welcome and Introduction Juha Renfors, CEO, Visual Components Mikko Urho, Sales Director, Visual Components 11:00 NG: Introducing a new start Juha Renfors, CEO, Visual Components Mikko Urho, Sales Director, Visual Components 12:00 Lunch 13:00 Workshop - Navigating Change Visual Components prepares for a radical change. Where are challenges and opportunities? What needs to be done today to support you in the future? Manuela Moosmann, Marketing Manager, Visual Components 15:00 Coffee 15:30 Wrap up of Workshop Mikko Salminen, Sales Manager, Visual Components 16:30 Networking & refreshments 17:30 Departing to ferry 18:00 Dinner Restaurant Walhalla on the island of Suomenlinna. See reverse side for address We reserve the right to alter the program as we see fit. Thursday, 3. September 2015 09:30 Coffee & Welcome 10:00 Technical Demonstrations of NG Mika Anttila, Vice President, Product Development, Visual Components Samuli Ahonen, Technical Account Manager, Visual Components 11:30 Lunch 12:30 Group demonstrations What will change? How can we prepare for the change to come? Sales & Marketing - New look & feel - New business models Technical - Component modelling in NG - Robotics in NG 14:30 Coffee 15:00 Case Studies of various partners Moderator: Robert Axtman, CEO, Visual Components USA 17:00 Wrap up and Summary Mikko Salminen, Sales Manager, Visual Components 17:30 End of day two Friday, 4. September 2015 09:30 Visit to the Visual Components HQ office 10:00 1-to-1 meetings Meetings need to be pre-booked by emailing preferred topic to manuela.moosmann@visualcomponents.com. Slots are filled on first-come-first-serve basis 12:15 Lunch 13:30 End of the partner days FLYOUTS
  43. 43. BANNERS Keep banners simple and clear. Copy part in ban- ner is important. Keep copy short, simple and to the point. Use photograph, infographics or illustration to give wanted message. HEADER HERE HEADER HERE Copy text comes here. Place your text here. Active text Copy text comes here. Place your text here. Active text
  44. 44. BANNERS Active text Copy text comes here. Place your text here. HEADER HERE HEADER HERE Copy text comes here. Place your text here. Active text HEADER HERE Active text Active text HEADER HERE Copy text comes here. Place your text here.
  45. 45. STATIONARIES / LETTERS Visual Components Oy Vänrikinkuja 2 02600 Espoo Finland www.visualcomponents.com Tel: +358 9 252 40800 VAT: FI 06651672
  46. 46. POSTERS FACTORIES OF FUTUREFACTORIES OF FUTURE The overall look in posters should be clean and plain. There should be only one "hook" in the posters (picture or text). Use concise slogan.
  47. 47. TUTORIALS
  48. 48. TUTORIALS
  49. 49. TUTORIALS
  50. 50. EMAIL SIGNATURES With Best Regards, Name Surname Title / Department +358 50 522 0643 Vänrikinkuja 2 / 02600 Espoo / Finland wwww.visualcomponents.com +358 9 252 40 800 Visit our community https://community.visualcomponents.net Follow us to get the latest news • Use Calibri as a font in email signatures (Outlook). • Font color is #393939, not a black. • The text size is 9pt, except all numbers are in 8pt. • Use a bold text type in your name.
  51. 51. WEB PAGES Basic rules • Pictures and elements should be responsive. Sections with gray background and full page pictures should go from side to side. • Use dynamic colors, e.g. yellow, sparingly but with intent. Use clear sections. Use back- ground colors and try to group elements inside the section. Using triangle patterns • Use triangles with borderline only in white areas, for example beside the text column. Remember to leave enough white space beside the triangle pattern. Do not overlay pattern with any other elements. Use only one color in pattern. • If you need to use full color-filled triangle pat- tern, use it only in sections which have back- grounds. Use transparencies in the color-filled triangles, so the look is more harmonized. Get a demoINSIGHTS SOLUTIONS PRODUCTS CONTACTS INSIGHTS 3D simulation helps your company to create more efficient and more elegant factory production lines. Powerful 3d simulation software helps you design the factories of the future. CREATE A DREAM FACTORY Watch video Get a demo
  52. 52. WEB PAGES SOLUTIONS Sales Tool Sales personnel can create production line layouts themselves without technical knowledge as the logic of the components is already programmed into the components. The smoother process really shines when changes are requested. Support sales proposals with realistic 3D simulation Simulate your solution to proof functionalities Change the layout quickly and show different op- tions to your customers Share animated 3D PDF files Summary of the BENEFITS of 3DRealize Sales personnel can create production line layouts themselves without technical knowledge. “ WHAT DOES IT DO? 3DRealize allows you to visualize production lines by quickly com- bining thousands of ready-made components. WHO IS IT FOR? As it requires no expert layout skills, 3DRealize is perfect for your sales staff. 3DREALIZE As our entry level tool, 3DRealize is the perfectgate- way for realizing the possibilities of 3D simulation. Get a demo
  53. 53. SPLASH SCREEN Loading Users Configuration Settings... 2016 Visua Components Oy. All right reserved. Patent and other legal notices in the About Box.
  54. 54. Use partners logos in white or light gray color in some dark (dark gray, black) background if pos- sible. Respect the visual guidelines of partners and customers. Keep the logos in line or grid. some logo USING PATNERS LOGOS

×