styleguide/content/brand/logo.tpl in ustyle-1.10.0 vs styleguide/content/brand/logo.tpl in ustyle-1.11.1

- old
+ new

@@ -4,10 +4,11 @@ <li><a href="#exclusion-zone">Exclusion zone</a></li> <li><a href="#alternate-logo">Alternate logo (small)</a></li> <li><a href="#minimum-sizes">Minimum sizes</a></li> <li><a href="#icon-only">Icon only</a></li> <li><a href="#usage-rules">Usage rules</a></li> + <li><a href="#logo-downloads">Logo Downloads</a></li> </ul> <div class="us-content-group"> <div class="us-grid-row"> <div class="us-col-12"> <h3 id="orientation">Orientation</h3> @@ -168,15 +169,15 @@ <div class="us-col-12"> <div class="us-grid-row"> <div class="us-col-6"> <div class="logo__state logo__vertical--alternate logo--blue"> <svg><use xlink:href="#uicon-logo-vertical-small"/> - <div class="logo__sizing h92">92px</div> + <div class="logo__sizing h98">98px</div> </div> <p> Use the alternative version of the vertical logo when using at a - height of 92px or less. + height of 98px or less. </p> </div> <div class="us-col-6"> <div class="logo__state logo__horizontal--alternate logo--white"> <svg><use xlink:href="#uicon-logo-small"/></svg> @@ -199,23 +200,23 @@ <p>To ensure legibility of our logo, it must not be used below the minimum size.</p> <div class="us-col-6"> <div class="logo__state logo__vertical--alternate-min logo--blue"> <svg><use xlink:href="#uicon-logo-vertical-small"/> - <div class="logo__sizing h70">70px</div> + <div class="logo__sizing h50">50px</div> </div> <p> - The minimum height that the vertical logo may be used at is 70px. + The minimum height that the vertical logo may be used at is 50px. </p> </div> <div class="us-col-6"> <div class="logo__state logo__horizontal--alternate-min logo--white"> <svg><use xlink:href="#uicon-logo-small"/></svg> - <div class="logo__sizing h35">35px</div> + <div class="logo__sizing h25">25px</div> </div> <p> - The minimum height that the horizontal logo may be used at is 35px. + The minimum height that the horizontal logo may be used at is 25px. </p> </div> </div> </div> </div> @@ -252,9 +253,25 @@ <li>Change elements of it</li> <li>Outline or put a keyline around it</li> <li>Use a different blue</li> <li>Use a gradient or tint</li> <li>Rotate the logo</li> + </ul> + </div> + </div> +</div> + +<div class="us-content-group"> + <div class="us-grid-row"> + <div class="us-col-12"> + <h3 id="logo-downloads">Logo Downloads</h3> + <p> + Here you can download the standard and smaller versions of the uSwitch + logo. Each .zip file comes with .eps, .svg and .svg versions of the logo. + </p> + <ul> + <li><a href='https://s3-eu-west-1.amazonaws.com/uswitch-assets-eu/ustyle-assets/logo/Standard+logo+assets.zip'>Standard Logo</a></li> + <li><a href='https://s3-eu-west-1.amazonaws.com/uswitch-assets-eu/ustyle-assets/logo/Small+logo+assets.zip'>Logo for smaller sizes</a></li> </ul> </div> </div> </div>