Update documentation

assets/js/cb16807c.73f10395.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunklogos_docs_template=self.webpackChunklogos_docs_template||[]).push([[2793],{29731:(e,o,t)=>{t.r(o),t.d(o,{assets:()=>c,contentTitle:()=>s,default:()=>d,frontMatter:()=>i,metadata:()=>n,toc:()=>u});var a=t(87462),l=(t(67294),t(3905)),r=t(72797);const i={title:"Logo",sidebar_position:1},s="Logo",n={unversionedId:"visual-language/logo",id:"visual-language/logo",title:"Logo",description:"Choosing the right mark",source:"@site/docs/visual-language/logo.mdx",sourceDirName:"visual-language",slug:"/visual-language/logo",permalink:"/visual-language/logo",draft:!1,tags:[],version:"current",sidebarPosition:1,frontMatter:{title:"Logo",sidebar_position:1},sidebar:"main",previous:{title:"Overview",permalink:"/visual-language/overview"},next:{title:"Color",permalink:"/visual-language/color"}},c={},u=[{value:"Choosing the right mark",id:"choosing-the-right-mark",level:2},{value:"Primary Mark",id:"primary-mark",level:2},{value:"Lockup \u2014 Vertical",id:"lockup--vertical",level:2},{value:"Clearspace",id:"clearspace",level:2},{value:"Co-branding",id:"co-branding",level:2}],p={toc:u};function d(e){let{components:o,...i}=e;return(0,l.kt)("wrapper",(0,a.Z)({},p,i,{components:o,mdxType:"MDXLayout"}),(0,l.kt)("h1",{id:"logo"},"Logo"),(0,l.kt)("h2",{id:"choosing-the-right-mark"},"Choosing the right mark"),(0,l.kt)("p",null,"Our mark is the primary brand element on our own properties, such as our websites and products. Here it can stand on its own."),(0,l.kt)("p",null,"When our brand is represented in other contexts, throughout the web or in products we do not own, it is usually best to use a lockup. Please do not edit, change, distort, recolor, or reconfigure the Logos mark. Our mark is the primary brand element on our own properties, such as our websites and products."),(0,l.kt)("h2",{id:"primary-mark"},"Primary Mark"),(0,l.kt)("div",{style:{display:"flex",gap:"16px"}},(0,l.kt)(r.AssetCard,{title:"Mark",forceDownload:!0,previewSrc:"/nomos/logo/Mark/PREVIEW-Nomos-Mark.png",downloadable:[{title:"PNG",src:"/nomos/logo/Mark/Nomos-Mark.png"},{title:"SVG",src:"/nomos/logo/Mark/Nomos-Mark.svg"}],mdxType:"AssetCard"})),(0,l.kt)("h2",{id:"lockup--vertical"},"Lockup \u2014 Vertical"),(0,l.kt)("p",null,"These vertical lockups are best used arranged horizontally in a line."),(0,l.kt)("div",{style:{display:"flex",gap:"16px"}},(0,l.kt)(r.AssetCard,{title:"Vertical lockup - Black",forceDownload:!0,previewSrc:"/nomos/logo/Vertical lockup/PREVIEW-Nomos-Vertical lockup-Black.png",downloadable:[{title:"PNG",src:"/nomos/logo/Vertical lockup/Nomos-Vertical lockup-Black.png"},{title:"SVG",src:"/nomos/logo/Vertical lockup/Nomos-Vertical lockup-Black.svg"}],mdxType:"AssetCard"}),(0,l.kt)(r.AssetCard,{title:"Vertical lockup - White",forceDownload:!0,previewSrc:"/nomos/logo/Vertical lockup/PREVIEW-Nomos-Vertical lockup-White.png",downloadable:[{title:"PNG",src:"/nomos/logo/Vertical lockup/Nomos-Vertical lockup-White.png"},{title:"SVG",src:"/nomos/logo/Vertical lockup/Nomos-Vertical lockup-White.svg"}],mdxType:"AssetCard"})),(0,l.kt)("h2",{id:"clearspace"},"Clearspace"),(0,l.kt)("p",null,"When placing the logo, it\u2019s important that it\u2019s given enough space from other elements on the surface it\u2019s presented on. The Clearspace is 50% of the width of the Logos mark. This Clearspace is accounted for as a margin in all our logo assets, so simply mind the edges of the image."),(0,l.kt)("p",null,"If you need to define the unit of space, the best way is to measure the bottom of any given mark to the edge of the image or the baseline of the logotype in the lockup to the bottom edge of the image."),(0,l.kt)("p",null,(0,l.kt)("img",{alt:"logos-guide-clearspace-mark.png",src:t(29083).Z,width:"1344",height:"672"})),(0,l.kt)("h2",{id:"co-branding"},"Co-branding"),(0,l.kt)("p",null,"Often, our brand marks will be used as a family or in different combinations. All of our marks and lockups are designed to work together. The two major rules here are the consistency of size and the consistency of style."),(0,l.kt)("p",null,"Hierarchy is determined by the placement order, the most important being left in the case of horizontal layouts, or top in the vertical case. Vertical lockups are used in horizontal layouts and horizontal lockups in vertical layouts."),(0,l.kt)("ul",null,(0,l.kt)("li",{parentName:"ul"},"All marks should be the same size"),(0,l.kt)("li",{parentName:"ul"},"Priority is determined by order, not scale"),(0,l.kt)("li",{parentName:"ul"},"All marks should be the same style"),(0,l.kt)("li",{parentName:"ul"},"Do not mix lockups and non-lockups"),(0,l.kt)("li",{parentName:"ul"},"Do not mix vertical lockups with horizontal lockups")))}d.isMDXComponent=!0},29083:(e,o,t)=>{t.d(o,{Z:()=>a});const a=t.p+"assets/images/logos-guide-clearspace-mark-7c9ad777dc87eb28e00dc2b8d80c8700.png"}}]);