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>