Skip to content

Commit

Permalink
Logos: Add trademark policy information
Browse files Browse the repository at this point in the history
  • Loading branch information
kborchers committed May 31, 2016
1 parent 8015ff4 commit aa6f58b
Showing 1 changed file with 11 additions and 13 deletions.
24 changes: 11 additions & 13 deletions pages/logos.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,12 @@

<div id="banner-secondary" class="large-banner">
<h1>Logos</h1>
<p>The jQuery Project consists of a family of brands that are used throughout our community. You'll find everything you need here for using the jQuery brand marks across any platform.</p>
<p>The jQuery Foundation maintains a family of project brands that are used throughout our community. You'll find everything you need here for using the project marks across any platform. Many of the jQuery Foundation project logos are or are in the process of becoming registered trademarks. Please refer to our <a href="https://jquery.org/trademark-policy/">Trademark Policy</a> for further information about our trademarks.</a></p>
</div>

<h2>jQuery</h2>

<div id="the-mark">
<h3>The Mark</h3>
<h2>The Marks</h2>
<p>The jQuery logo is used for illustration but these guidelines apply to all jQuery Foundation project logos.</p>

<figure class="db p-small">
<img src="/resources/jquery-mark-dark.gif" alt="jQuery Mark &ndash; Dark">
Expand All @@ -25,35 +24,34 @@ <h3>The Mark</h3>
<hr>

<div id="spacing-guidelines">
<h3>Spacing Guidelines</h3>
<h2>Spacing Guidelines</h2>

<figure class="db p-small">
<img src="/resources/jquery-mark-spacing.gif" alt="jQuery Mark &ndash; Spacing">
</figure>

<p>To ensure the logo isn't cropped or cut off, you'll need to create a minimum amount of "safe space." A proportional measuring system creates a consistent layout for use across all jQuery applications. The system is based on "X", as determined by the space between the top and bottom of the brand mark, tagline and the horizontal bars both above and below it. The minimum safe space should never be less than X.</p>
<p>To ensure the logo isn't cropped or cut off, you'll need to create a minimum amount of "safe space." A proportional measuring system creates a consistent layout for use across all applications. The system is based on "X", as determined by the space between the top and bottom of the brand mark, tagline and the horizontal bars both above and below it. The minimum safe space should never be less than X.</p>
</div>

<hr>

<div id="incorrect-logo-usage">
<h3>Incorrect Logo Usage</h3>
<h2>Incorrect Logo Usage</h2>
<p>If you're following the guidelines correctly, your logo should never look like any of the examples below. To be absolutely clear, <strong>please do not attempt any of the following, no matter the situation.</strong></p>

<figure class="db p-small">
<img src="/resources/jquery-mark-incorrect.gif" alt="jQuery Mark &ndash; Incorrect Usage">
</figure>

<p>If you're following the guidelines correctly, your logo should never look like any of the above. To be absolutely clear, <strong>please do not attempt any of the following, no matter the situation.</strong></p>
</div>

<hr>

<div id="proper-usage">
<h3>Proper Usage</h3>
<h2>Proper Usage</h2>

<p>The jQuery logo can be used in a number of ways, both commercially and by the open-source community surrounding the jQuery brand. Please use the jQuery logo (following the proper brand guidelines we just addressed) to promote your own jQuery product on the web and in print, and even self-promoted jQuery meetups. Following these guidelines will ensure your product is representing the jQuery brand to the best of its ability and adding seamless interaction for your audience.</p>
<p>The jQuery Foundation project logos can be used in a number of ways, both commercially and by the open-source community surrounding that project brand. Please use the logos (following the proper brand guidelines we just addressed) to promote your own jQuery product on the web and in print, and even self-promoted jQuery meetups. Following these guidelines will ensure your product is representing the jQuery brand to the best of its ability and adding seamless interaction for your audience.</p>

<p>To use the jQuery logo commercially, please <a href="mailto:info@jquery.org">contact us</a> with specifics.</p>
<p>To use any jQuery Foundation project logo commercially, please <a href="mailto:info@jquery.org">contact us</a> with specifics.</p>

<a class="button" href="/resources/jquery-foundation-logos-eps.zip">Download jQuery Logo Suite</a>
<a class="button" href="/resources/jquery-foundation-logos-eps.zip">Download jQuery Foundation Logo Suite</a>
</div>

0 comments on commit aa6f58b

Please sign in to comment.