Microsoft Visual Identity Guidelines - WordPress

1y ago
13 Views
2 Downloads
7.77 MB
88 Pages
Last View : 2d ago
Last Download : 6m ago
Upload by : Oscar Steel
Transcription

Microsoftvisual identityguidelinesAugust 2012Microsoft confidential.

Microsoft visual identity guidelinesWelcomeThe Microsoft visual identity system capitalizes onour next wave of product offerings. It helps us besimple, clear, and direct. It elevates the content thatmatters most. It creates delightful connections.The Microsoft logo celebrates our heritage andour future. It highlights the role we play in manyconsumers’ lives today, and the increasingbreadth of unexpected and innovative productswe are delivering.The identity elements—logo, typography, color,grids, tiles, imagery, and icons—make it easierto create memorable internal and externalcommunications.

Microsoft visual identity guidelinesContentsOur visual elementsexpress our brand12717233239415457596170These guidelines are your introduction to howwe can use the visual identity as a thread that tiesMicrosoft-branded offerings and groups together.They are a call to action to align our creativework and bring a new focus on our connectedvisual identity system.Our shared elements unite the things we offer,and when they’re used together—again andagain—they become the foundation for thestories that we want our brand, our products, andour services, to tell.For questions regarding the new visual identitysystem, please see Brand Tools or contact theMicrosoft brand team at corbrand@microsoft.com.The role of the Microsoft brandIdentity system graphyIllustrationIconsPutting it all togetherShowcaseMicrosoft confidential. For internal use only. Materials herein are not for use by third parties including but not limited to OEMS, DSPs, ISVs,IHVs, or resellers. Authorized vendors may use materials only pursuant to an express work request and/or agreement from Microsoft.

Microsoft visual identity guidelinesThe role of the Microsoft brand1What brand shouldI use, and how doesthis guide fit in?Shared elements across the entire Microsoft portfolioAaAt Microsoft, we have a portfolio of world-classproduct brands. Through our shared designelements and principles, these brandscommunicate a united vision to our audiences.When we create communications which are notassociated with any one product brand (e.g.,Windows or Office), or which are associatedwith more than one product brand, Microsoftbecomes the lead brand.These guidelines cover both the shared designelements that are used by all Microsoft brandsand product brands, as well as the elementsused only for Microsoft led communications.LogoMicrosoftColorBingMicrosoft and product brandsOfficeTypeSkypeImageryWindowsVisual StudioXBOX

Microsoft visual identity guidelinesIdentity system elements2LogoTileLayout gridsPunchy headlinegoes hereContent tilesColorBody text goes here. Body textgoes here. Body text goes here.Body text goes here. Body textgoes here. Body text.Body text goes here. Body textgoes here. Body text goes here.Body text goes here. Body textgoes here. Body text.TypeSegoe LightSegoe RegularSegoe BoldPhotographyIllustration

Microsoft visual identity guidelinesPerfect time for anew logo.As Microsoft prepares to release anunprecedented wave of new products andconnected experiences across PCs, phones,tablets, and TVs, we felt our logo should evolveas well, visually accentuating this new era.The new Microsoft logo is familiar andwelcoming, drawing upon the heritage of ourbrand values, typeface, and colors. The symbolis built for the digital world, supporting thediversity of our businesses, representing andendorsing our products and services.3

Microsoft visual identity guidelinesAll Microsoftbranded marketingcommunicationsmust use the fullcolor logoThe Microsoft logo must be used on 100%of internal and external communications.The logo is intended for use by corporateorganizations and facilities; certifications andsubscriptions; programs and events; competitions;corporate solutions (multiproduct); hardware;and Microsoft technologies, services, and products.4

Microsoft visual identity guidelinesThe logo symbol logotypeLogo5SymbolLogotypeThe logo has two components – the symbol withmultiple squares of color intended to symbolizethe company’s diverse portfolio of products, andthe logotype that uses the Segoe typeface usedin our products and marketing communications.The symbol must be used as part of the logo in allcommunications. The symbol alone is only usedas a favorites icon by MSCOM, Microsoft Store,and for corporate sites: Facebook, Twitter, andYouTube. No other use is allowed. If you havequestions, contact corbrand@microsoft.com.Logo

Microsoft visual identity guidelinesLogoLet the logobreatheClear spaceClear spaceWe respect the logo by giving it some space.The minimum clear space that must surroundthe logo is equivalent to the height of itscapital M.Minimum sizeIn print, the logo should never appearsmaller than 1" (25 mm). On-screen, it mustappear at least 70 pixels wide.Registration marksIn marketing, registration marks on the logoare no longer necessary, except in consumerpackaging applications.Minimum sizeOn-screen: 70 pxPrint: 1" (25 mm)6

Microsoft visual identity guidelinesLogoColor variationsFull-color positiveUse the full-color logo. Use the positiveversion (logotype in gray) on light or whitebackgrounds. The full-color reverse logo maybe used on dark color backgrounds, as well asdark areas within photographs.1-color white, black, gray-scale or verticalversion of the logos are available for limiteduse. Please contact corbrand@microsoft.comfor guidance on use of this artwork.Full-color reverse7

Microsoft visual identity guidelinesAcceptablebackgrounds forthe full-color logo8LogoWhiteThe full-color logo may be shown on any ofthe colors shown here or on simple areas ofphotographs. See page 33 for color values.Cyan 300Blue 660Blue 286Blue 288Purple 526Purple 269Red 1807Orange 144Green 348Teal 3295Cool Gray 7Cool Gray 11Black

Microsoft visual identity guidelinesLogoUse the displayversion of thelogo for very largeapplications9Standard logowith ink trapsThe standard version of the logo is optimizedfor use at small sizes, making it the best choicefor most marketing applications. Subtleadjustments have been made to the standardlogo to help it reproduce cleanly and clearly atsmall sizes. However, these adjustments—called ink traps—are distracting andunnecessary when the logo is enlarged.If the logo will be displayed at a size where theM in the logotype is more than 1 inch (25 mm)tall, use the display logo artwork. Contactcorbrand@microsoft.com to request displaylogo files.Display logomin: 1" (25 mm)without ink traps

Microsoft visual identity guidelinesLogo (don’ts)10Do not change the size relationship of thesymbol to the logotype.Don’t place the logo on backgrounds thatprovide insufficient contrast.Don’t add effects like shadows,dimensions, and gradients to the logo.Don’t stretch the logo.Don’t compress the logo.Partner ProgramDon’t create logo “lockups” by adding textin close proximity to the logo.TechnetDon’t place the logo over busyphotographic backgrounds.Don’t alter the color specifications withinthe symbol or the logotype.Do not attach text of any kind to the symbol

Microsoft visual identity guidelinesLogo (don’ts)First LastnameMarketing Managerf.lastname@microsoft.comDon’t create multi-color logos forany sub-brand, business group ordivision. Only the master brand may usemultiple colors.Don’tcreate tilepatterns.Don’t create patternsof tiles to simulate theelements of the logosymbol. Don’t createpatterns of tiles tosimulate the elementsof the logo symbol.Don’t create patterns of tiles to simulatethe elements of the logo symbol.Don’t use the symbol by itself in emailsignatures. Refer to page 83 for theapproved email signatures.11Don’t createcontent tiles atthe same size asthe symbolDon’t create content tiles at the same sizeas the symbol

Microsoft visual identity guidelinesLogotypeSometimesMicrosoft leads,sometimes itendorsesMicrosoft branded communicationsIn cases where the full color Microsoft logocannot be used or where Microsoft isendorsing a featured product brand (suchas Office, Windows, or Xbox), use thelogotype only.The Microsoft logo or logotype must appearon 100% of all communications.For use in broadcast advertising oranimation please contact corbrand@microsoft.com12Microsoft endorsed communications

Microsoft visual identity guidelinesAll Microsoftendorsedcommunicationsmust use thelogotype.When Microsoft is the endorser, we use thelogotype only. This lets people know themessage is from Microsoft, while allowing thelead brand to occupy the spotlight.The Microsoft logotype must be usedas the endorser on all print and digitalcommunications including online, print,and TV advertising; promotional materialsand event signage; videos and animations;packaging and collateral, etc.Logotype13

Microsoft visual identity guidelinesLet the logotypebreatheLogotypeClear spaceClear spaceWe respect the logotype by giving it somespace. The minimum clear space that mustsurround the logotype is equivalent to theheight of its capital M.Minimum sizeIn print, the logo should never appearsmaller than 0.7” (18 mm). On-screen, it mustappear at least 44 pixels wide.Minimum sizeOn-screen: 44 pxPrint: 0.7" (18 mm)14

Microsoft visual identity guidelinesThe logotype iscolorfulThe Microsoft logotype is available in the corebrand colors and dark tints, as well as CoolGray 9, black and white. The selectedlogotype color should be present elsewhere inthe composition, such as in the lead brandlogo, an illustration, or a headline.Use a color logotype on white backgroundsand a white logotype on color backgrounds.To maintain sufficient contrast when thelogotype is used on a photo background, usea color logotype on light images and a whitelogotype on dark images.Logotype15

Microsoft visual identity guidelinesLogotypeUse the displayversion of thelogotype for verylarge applicationsStandard logotype16with ink trapsThe standard version of the logotype isoptimized for use at small sizes, making it thebest choice for most marketing applications.Subtle adjustments have been made to thestandard logotype to help it reproduce cleanlyand clearly at small sizes. However, theseadjustments—called ink traps—are distractingand unnecessary when the logotype is enlarged.If the logotype will be printed at sizeslarger than 1 inch tall, use the display logotypeartwork. Contact corbrand@microsoft.com torequest logo files.minimum: 1” (25 mm)Display logotypewithout ink traps

Microsoft visual identity guidelinesLogotype for Microsoft-endorsed communicationsThe logotypecomplements thebrands it endorses17X cap height½ X maximumThis is important because both the productbrand and Microsoft benefit by being usedtogether. Therefore it is paramount that allproduct branded communications use theMicrosoft logotype as an endorsement.Shown here is the ideal color and scalerelationship to use when placing the logotypein a layout together with another brand.X cap height½ X maximumConsult the guidelines for the brand you areworking with for additional details on scaleand color.X cap height½ X maximum

Microsoft visual identity guidelinesLogotype for Microsoft-endorsed communicationsPlace the logotypeso it aligns withother elements inthe layoutThe logotype should be placed in an area atthe periphery of the layout, away from thefocal point of the layout. Placing the logotypein one corner of the layout is a good way tosignal that it is an endorsement, rather thanthe lead brand. Regardless of where it’splaced, use care in positioning the logotypeso it aligns with the layout grid or with othergraphic elements in the design.See the guidelines for the brand you’reworking with for details on logo placementand alignment.18Make it greatwith Office 2012.Stay even closer to the thingsyou care about the most.

Microsoft visual identity guidelinesLogotypeplacementin digitalcommunications19Logotype for Microsoft-endorsed communications300 x 2507 pixels or 1 M heightminimumThe Microsoft logotype must appear inone of two positions for a minimum ofone second in all digital communications(e.g. ads, banners, etc.):1. Call-to-action end-panel (shared)2. Alone on the end-panelThe Microsoft logotype should be placed inone of the 4 corners of the ad, equal distancefrom two edges in space constrainedcommunications. Accompanying subbrandlogos should be placed no closer than two (2)“M” spaces next to the logotype.Clear space 2 M height minimum

Microsoft visual identity guidelinesLogotype for Microsoft-endorsed communications20Small spacebannersUpgrade now.The Microsoft logotype must appear in allbanner advertising, with a few exceptions.The Microsoft logotype may be droppedwhen the ad sizes are smaller than 120 x 90and using the Microsoft logotype wouldprohibit appropriate subbrand sponsorshipand messaging.In the rare instance when the Microsoftlogotype is not used, it must appear on the“call-to-action” (CTA) landing page.Upgrade now.120 x 60 ad does not allow properclear space.Logo placement for 120 x 90 ad120 x 90 ad with proper clear space

Microsoft visual identity guidelinesLogotype (don’ts)Dont’ stretch or extend the logotypeDon’t compress the logotypeDon’t use light colored logotype artworkon white or light backgrounds.Don’t group the logotype with othertext, product names, or product logosDon’t use legacy logotype artwork on newmaterialsDon’t place the logotype over busybackgroundsMake every minute count by gettingmore done every day—whether you’rein the office, at home, or on the go.With technology that helps you simplifytasks, connect with others, and makesmarter decisions, you can get moredone in less time.MicrosoftYour business isour business.microsoft.com/businessDon’t place the logotype within acornerstone tile21Don’t apply gradients, dropshadows orother effects to the logotypedont create the logotype by typing “Microsoft”in Segoe font. Use the provided artwork.

Microsoft visual identity guidelinesType is beautiful,and it mattersType is more than a design element. Itarticulates our message, expressing bothwhat we say and how we say it. Modern,easy to read, and humanist, the Segoe typefamily is closely aligned with the Microsoftbrand personality. We use it within productsand in communications across brands.Segoe is straightforward, allowing ourmessages—from the enthusiastic to thepractical—to be easily understood.22Use SegoeKeep it simpleLimit type sizes to threeKeep it flush leftUse sentence case

Microsoft visual identity guidelinesTypographySegoe is ourtype familySegoe ProSegoe UIWe use Segoe, a completely custom typefamily created for Microsoft that hasbecome a longstanding core element of ourvisual identity.Segoe Pro LightSegoe UI 1234567890@# 34567890@# %&*Segoe Pro RegularSegoe UI RegularSegoe Pro is the brand font used for printand graphic executions. Segoe UI is theWindows OS font, and the font that is usedfor on-screen and digital executions.To download the Segoe Pro font family, visitMedia Bank: se for all print applications.23Use for on-screen applications like PowerPoint, email, and wxyz1234567890@# 34567890@# %&*Segoe Pro SemiboldSegoe UI xyz1234567890@# 34567890@# %&*Segoe Pro BoldSegoe UI 234567890@# 34567890@# %&*

Microsoft visual identity guidelinesSize and weight Limit type to no more than three sizes. Use Light for large headlines. Use Regular or Semibold for increasedlegibility at small sizes or over backgrounds. Use Semibold or Bold for subheads, but notfor headlines. Segoe Black or Condensed weights should beused sparingly.Case Sentence case is our standard for allcommunications. Use all-uppercase sparingly—for titles,short headings, or subheadings, and neverfor full paragraphs. Do not use all-lowercase type.Line spacing Line spacing refers to the space betweenlines of type. See the chart at right for linespacing guidelines.Letter spacing Letter spacing (also known as tracking) is thespace between letters. Segoe is designed so that letter spacing andword spacing are set by default to 0. Insome cases, spacing may need to be adjusted.Make sure that letters never touch one another.See the chart at right for tracking guidelines.Justification Type should always be set flush left, ragged right. Segoe should never be justified or centered. Avoid widows, orphans, and lines that endwith hyphensTypography24LeadingTrackingBody text ( 8 14pt)120% (minimum)0Subhead text (14 36pt)110% (minimum)-15Headline text (36 72pt )120% (maximum)-15

Microsoft visual identity guidelinesOur internationalfonts align withour visualidentity systemWe recommend specific fonts for usearound the world. If subsidiaries haveidentified alternate third party fontsthey feel align better with Segoe pleasecontact corbrand@microsoft.com.25TypographyLanguagePrintOn ScreenLatin, Greek, CyrillicSegoe ProSegoe UI (Win 8 version)Hebrew, Armenian, GeorgianSegoe UI (Win 8 version)Segoe UI (Win 8 version)ArabicSegoe UI (Win 8 version)Majalla “Traditional”Segoe UI (Win 8 version)Indian languagesNirmala UINirmala UIThaiLeelawadeeLeelawadeeIndiginios AmericanGadugiGadugiChina (simplified)YaHeiYaHei UIChina (traditional)JhengHeiJhengHei UIKoreaMalgun GothicMalgun GothicJapanMeiryoMeiryo UILaoLao UILao UIKhmerDaunPenhKhmer UIAfrican languagesEbrimaEbrima

Microsoft visual identity guidelinesNon-Englishlanguage layoutsWhen designing for non-Englishcommunications, it may be necessary tomirror the layout guidance, with rightalignment replacing left-alignment.Typography26VoiceGa. Et volorio. Maiorit aut ad que eostrumquenos eos voluptat volupuri? Da volorrovid quamaut re dol upta tur, ipici duciae parciates molluptatem eperorat faccus quiberuptam volurptatiut am erecus endio mod endam, ia porrum eturaut mod quas del inci cus ratquid dolor ipsum.Ga. Et volorio. Maiorit aut ad que eostrumquenos eos voluptat volupuri?Speakyour eCopySubhead

Microsoft visual identity guidelinesKeep type alignedwith the gridTypography3CMG27Brand Strategy TeamHomePeople & OrgCampaignsWelcome Marcel RedmondAgency ManagementLabs and BuildingInfrastructureSpace PlanningPeople & OrgCampaignsAgency ManagementComms & EventsResourcesLCA Newsletter Titleand SubtitleMoluptat inusda arci de molest lorem di voluptur?Voluptam es ut eos estorit amuscil inulla consequatio ommodi iumqui doloressitas re voluptdfasnimusam, omnimin ihiciatur, sit eicient invelestresendi num faci ut aut min por sitae providitiis exere solupta doloremquos in ommos.Ta cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest etenderum fuga. Nobitia taspit repeles alibus. Obita dolecupta doloratur sam ut ea velitoptaten iatisquam nobitium esedis nonsequunt ommolup iciamusam, sum rest autatibus mo tem as volut oditationsed eum sumquo cumquatus exceped que esectotavolut volupta tionsequi tempossi quundus dolorib usapisquos sae. Obita dolecuptadoloratur sam ut ea velit optaten iatisquam nobitium esedis nonsequunt ommolupiciamusam, sum rest autatibus mo tem as volut oditationsed eum sumquo cumquatusexceped que esectota volut volupta tionsequi tempossi.NewsLCA CafeSubhead goes hereLegal Industry EventsSubhead goes hereTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt lauteum volorro mos adit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest et enderum fugar MoreTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest etenderum fuga. Nobitia taspit repeles alibus. Obita dolecupta doloratur sam ut ea velitoptaten iatisquam nobitium esedis nonsequunt ommolup iciamusam, sum rest autatibus mo tem as volut oditationsed eum sumquo cumquatus exceped que esectotavolut volupta tionsequi tempossi quundus dolorib usapisquos sae.Global DevelopmentHomeResourcesSubhead goes hereEnvironmentsClear, organized messages are easier for ouraudiences to read and respond to. Align alltype, regardless of messaging category orwhether it appears inside a color block, tothe same grid.Comms & EventsLCASubhead goes hereWorkplace AdvantageTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Abor aut et, sam dolum eatumqui to expe velectasped mintassus as re eaturepratur arum et aut haribusciti ommodi dolorem quatem debit aliquelaboreiciist velestio ipsum dolor.Client SatisfactionSubhead goes hereQ3 All-hands webcastavailable with the lasteststrategy updatesTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Abor aut et, sam dolum eatumqui to expe velectasped mintassus as re eaturepratur arum et aut haribusciti ommodi dolorem quatem debit aliquelaboreiciist velestio ipsum dolor. Eum sumquo cumquatus exceped que esectota volutvolupta tionsequi tempossi quundus dolorib usapisquos sae.Subhead goes hereTa cus dia porem Acerectis ut aci repudisea cor re eost lacidunt ta cus dia poremut dolor ipsumTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Abor aut et, sam dolum eatumqui to expe velectasped mintassus as re eaturepratur arum et aut haribusciti ommodi dolorem quatem debit aliquelaboreiciist velestio ipsum dolor.Ta cus dia porem Acerectis ut aci repudisea cor re eost lacidunt ta cus dia poremut dolor ipsumSubhead goes hereTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt laut eum volorro mosadit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest etenderum fuga. Nobitia taspit repeles alibus. Obita dolecupta doloratur sam ut ea velitoptaten iatisquam nobitium esedis nonsequunt ommolup iciamusam, sum rest autatibus mo tem as volut oditationsed eum sumquo cumquatus exceped que esectotavolut volupta tionsequi tempossi quundus dolorib usapisquos sae. Obita dolecuptadoloratur sam ut ea velit optaten iatisquam nobitium esedis nonsequunt ommolupiciamusam, sum rest autatibus mo tem as volut oditationsed eum sumquo cumquatusexceped que esectota volut volupta tionsequ.Page RatingI like itTags & NotesSend FeedbackExcepedque esectota volutvolupta tionsequ.Folkj lkj dandkc ooijResoucessque esectota volutvolupta tionsequ.Folkj lkj dandkc ooijInternal SharePoints (exhibits for layout only)Ta cus dia porem Acerectis ut aci repudisea cor re eost lacidunt ta cus dia poremut dolor ipsumGroupsque esectota volutvolupta tionsequ.Folkj lkj dandkc ooijlkjflkjii lkayrd’ sdaidque esectota volutvolupta tionsequ.Folkj lkj dandkc ooijepratur arum et aut haribusciti ommodi doloAbout stuffque esectota volut lut oditationsed eumsumquo cumquatus volupta tionsequ.Folkj lkj dandkc ooij lkjflkjii lkayrd’ sdaidSubhead goes hereTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt lauteum volorro mos adit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest et enderum fugar MoreSubhead goes hereTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt lauteum volorro mos adit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest et enderum fugar MoreSubhead goes hereTa cus dia porem acerectis ut aci repudis ea cor re eost lacidunt lauteum volorro mos adit, simus ditat doluptio. Nem eost et quat laboreribus non con nonsequo torest et enderum fugar More----

Microsoft visual identity guidelinesType size andrelationshipsWhile there are many possibilities in the sizeand style of type, here are some provenrelationships for using Segoe in composition.28TypographyHeadlinetwice logoheight.Headline set inSegoe Light,two units tall.Body copy is one grid unit tall or less,set in Segoe Regular. Body copy is onegrid unit tall or less. Body copy is onegrid unit tall or less.Headline is sameheight as logo,set in Segoe Light.Body copy is 75% of the subhead height, orless, and set in Segoe Regular. Body copy is75% of the subhead height, or less, and set inSegoe Regular.Body copy is one grid unit tall or less,set in Segoe Regular. Body copy is onegrid unit tall or less.HRSubhead is one grid unit talland set in Segoe Semibold.Body copy is not more than 75% as tall as thesubhead. Body copy is not more than 75% astall as the subhead. Body copy is not morethan 75% as tall as the subhead. Body copy isnot more than 75% as tall as the subhead.Body copy is not more than 75% as tall as thesubhead. Body copy is not more than.

Microsoft visual identity guidelinesTypography (don’ts)This is Segoe Regularwith a shadow.Don’t leave widows intext.This headline is hyphenated.Don’t add drop shadows to type.Avoid widows (words by themselves on aline) shorter than 7 characters.Avoid hyphenation in general, andespecially in headlines.This text is kerned atnegative 100.Don’t kern text too tightly or loosely.The line spacing onthis text is 200%.Avoid loose line spacing measures.This text is rightaligned.Avoid right-aligned type.Too Many29This type isstretched.Don’t stretch type horizontally or vertically.TYPE stylesThis two-columnlayout leaves anDon’t use more than 1 or 2 type styles inclose proximity, and try to follow the ruleof 3 type sizes per page layout.Don’t leave orphans in your text. (Anorphan is a lone word at the top of a pageor column—the last word in a sentencecarried over from the prior text block.)in one layoutorphan.

Microsoft visual identity guidelinesITTypography (don’ts)30Headlinehere.Incorrect secondheadline here.Entil aut eos cor aut porro id exerupfugia dicatur? Kuiae pliscid quod quiadoluptatur modiscidem volup taqueaboresequis nihicim comnis cus quamil ex et es aut etHeadlinehere.Sentis aut eos cor aut porro id exeridfugia dicatur? Quiae pliscid quod quissoluptatur modiscidem voluptaque poraboresequis nihicim comnis cus duammil ex et es aut etOpen yourworld.HRInternal communicationExternal communicationInternal communicationDon’t use more than one headline per layout.Always maintain a clear hierarchy when there ismore than one level of information.Don’t place body copy in more than one tile.Body copy within a single tile may be arragnedinto multiple columns.Don’t set type too large within a tile. Generally,headline text no larger than 75% of the tile widthwill provide the best results.

Microsoft visual identity guidelines31We are colorfulLife happens in color. Color captures passions,inspires emotions, and connects people.Bright and energetic, pure and beautiful,the Microsoft colors add vibrancy tocommunications and are among the mostrecognizable and unifying elements in ourvisual identity.Choose one of the 10 core colors (the labeledring in the color wheel shown here) as theprimary color in your layout. The lighterand darker tints may be used as highlightsand yanBlue

Microsoft visual identity guidelinesColor32Use the 10 corecolors in the rightplacesUse RGB and HEX formulas for on-screen anddigital use. CMYK builds and PMS colors arefor print applications.Please note that each color has beenoptimized for on-screen (RGB) or print (solidor 4CP) reproduction. The specific RGBcolor formula, PMS color, and CMYK colorformula are provided here and must bespecified individually for each color. Do notuse the automated color conversion toolsin your software.Process YellowC0 M0 Y100 K0R255 G241 B0HEX #FFF100Orange 144C0 M50 Y100 K0R255 G140 B0HEX #FF8C00Red 185C0 M100 Y100 K0R232 G17 B35HEX #E81123Process MagentaC0 M100 Y0 K0R236 G0 B140HEX #EC008CPurple 526C75 M100 Y0 K0R104 G33 B122HEX #68217ABlue 286C100 M75 Y0 K0R0 G24 B143HEX #00188FProcess CyanC100 M0 Y0 K0R0 G188 B242HEX #00BCF2Teal 3275C100 M0 Y50 K0R0 G178 B148HEX #00B294Green 355C100 M0 Y100 K0R0 G158 B73HEX #009E49Lime 382C25 M0 Y100 K0R186 G216 B10HEX #BAD80A

Microsoft visual identity guidelinesOur 10 core colorshave lighter anddarker tintsLayouts should utilize the 10 core colors mostfrequently. Our secondary palettes of lighterand darker tints provide a wide range ofsupporting colors.White, gray, and black are additionalsupporting colors, used for copy. White mayalso be used as a background color.These colors have been optimized foron-screen (RGB or HEX) or print (PMS orCMYK) use. Use the color specificationsprovided here. Do not use the automatedcolorconversion tools in your software.Color33Yellow 100C0 M0 Y50 K0R255 G252 B158HEX #FFFC9EOrange 124C0 M25 Y100 K0R255 G185 B0HEX #FFB900Red 1665C0 M85 Y100 K0R221 G89 B0HEX #DD5900Magenta 218C0 M75 Y0 K0R244 G114 B208HEX #F472D0Purple 258C60 M85 Y0 K0R155 G79 B150HEX #9B4F96Yellow 116C0 M13 Y100 K0R252 G209 B22HEX #FCD116Orange 166C0 M75 Y100 K0R235 G60 B0HEX #EB3C00Red 1807C0 M100 Y100 K25R186 G20 B26HEX #BA141AMagenta 241C25 M100 Y0 K0R180 G0 B158HEX #B4009EPurple 269C75 M100 Y0 K25R68 G35 B89HEX #442359Blue 660C80 M60 Y0 K0R70 G104 B197HEX #4668C5Cyan 2985C60 M0 Y0 K0R109 G194 B233HEX #6DC2E9Teal 325C65 M0 Y30 K0R0 G216 B204HEX #00D8CCGreen 7480C70 M0 Y85 K0R85 G212 B85HEX #55D455Lime 586C15 M0 Y60 K0R226 G229 B132HEX #E2E584Blue 288C100 M75 Y0 K25R0 G32 B80HEX #002050Cyan 300C100 M50 Y0 K0R0 G114 B198HEX #0072C6Teal 3295C100 M0 Y50 K25R0 G130 B114HEX #008272Green 348C100 M0 Y100 K25R0 G114 B51HEX #007233Lime 376C50 M0 Y100 K0R127 G186 B0HEX #7FBA00BlackC0 M0 Y0 K0R0 G0 B0HEX #000000Cool Gray 11C0 M0 Y0 K80R80 G80 B80HEX #505050Cool Gray 7C0 M0 Y0 K50R150 G150 B150HEX #969696Cool

These guidelines are your introduction to how we can use the visual identity as a thread that ties Microsoft-branded offerings and groups together. They are a call to action to align our creative work and bring a new focus on our connected visual identity system. Our shared elements unite the things we offer,

Related Documents:

VISUAL IDENTITY GUIDE. 3. For more information, go to . queensu.ca/identity. VISUAL IDENTITY AND GRAPHIC STANDARDS POLICY. The . Queen's. Visual Identity Guide provides specific guidelines and standards to the Queen's community for the implementation of the Queen's visual identity and graphic standards system in all forms of university .

represents and have clear standards to follow on its use. The visual identity guidelines in this document ensure that a service provider is recognized as part of the Employment Ontario network. The current Guidelines replace the 2016 Visual Identity and Communication guidelines. If you have a question about the identification of Employment

1. Memulai Visual Foxpro lewat menu Start – Programs – Microsoft Visual Foxpro. 2. Memulai Visual Foxpro lewat Shortcut Visual Foxpro. 1.3. Tampilan Utama Visual Foxpro 1.3.1. Jendela Microsoft Visual Foxpro . Buatlah program untuk menghitung konversi dari celcius menjadi reamur, fanrenheit dan . Dari pertemu

o Microsoft Outlook 2000 o Microsoft Outlook 2002 o Microsoft Outlook 2003 o Microsoft Outlook 2007 o Microsoft Outlook 2010 o Microsoft Outlook 2013 o Microsoft Outlook 98 o Microsoft PowerPoint 2000 o Microsoft PowerPoint 2002 – Normal User o Microsoft PowerPoint 2002 – Power User o Microsoft PowerPoint 2002 – Whole Test

Business Ready Enhancement Plan for Microsoft Dynamics Customer FAQ Updated January 2011 The Business Ready Enhancement Plan for Microsoft Dynamics is a maintenance plan available to customers of Microsoft Dynamics AX, Microsoft C5, Microsoft Dynamics CRM, Microsoft Dynamics GP, Microsoft Dynamics NAV, Microsoft Dynamics SL, Microsoft Dynamics POS, and Microsoft Dynamics RMS, and

Visual Basic is a third-generation event-driven programming language first released by Microsoft in 1991. The versions of visual basic in shown below: The final version of the classic Visual Basic was Visual Basic 6. Visual Basic 6 is a user-friendly programming language designed for beginners. In 2002, Microsoft released Visual Basic.NET (VB .

Microsoft, Microsoft Dynamics, logo systemu Microsoft Dynamics, Microsoft BizTalk Server, program Microsoft Excel, Microsoft.NET Framework, program Microsoft Outlook, Microsoft SharePoint Foundation 2010, Microsoft SharePoint Ser

The AAT Advanced Diploma in Accounting is a potential stepping stone for students to take into employment, further education or training. It may be suited to students studying part time alongside employment or to those already working in finance. This qualification will also suit those looking to gain the skills required to move into a career in finance as it provides a clear pathway towards a .