mirror of
https://github.com/canonical/canonical-design.git
synced 2025-07-21 23:22:58 +00:00
Apply refresh
This commit is contained in:
MariaPaula Trujillo
@ -9,110 +9,105 @@
|
||||
{% endblock meta_description %}
|
||||
|
||||
{% block meta_copydoc %}
|
||||
<!-- to be added -->
|
||||
https://docs.google.com/document/d/1nyNLG5IfJHRpGGMJzJIkm3TJSXTvd4vOdMhu2M9Lfxo/edit?tab=t.0
|
||||
{% endblock meta_copydoc %}
|
||||
|
||||
|
||||
{% block content %}
|
||||
<div class="wrapper u-no-margin-top">
|
||||
<main id="main-content" class="inner-wrapper">
|
||||
<div class="p-suru--25-75">
|
||||
<div class="p-section">
|
||||
|
||||
<div class="row--50-50">
|
||||
<div class="col">
|
||||
<h1>Canonical and Ubuntu</h1>
|
||||
<p class="p-heading--2">Our brand values</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
We believe everyone has the right to a great computing experience — and we also believe it should be free. Ubuntu is the result of a growing community, working together to provide just that. As such, the Ubuntu brand embodies four values:
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<section class="p-suru--25-75">
|
||||
<div class="p-section">
|
||||
<div class="row--50-50">
|
||||
<div class="col">
|
||||
<h1>Canonical and Ubuntu</h1>
|
||||
<h2>Our brand values</h2>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
We believe everyone has the right to a great computing experience — and we also believe it should be free. Ubuntu is the result of a growing community, working together to provide just that. As such, the Ubuntu brand embodies four values:
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<hr class="p-rule--muted" />
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Freedom</h3>
|
||||
<p>Ubuntu celebrates freedom. Freedom to choose, to change, to participate.</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Reliable</h3>
|
||||
<p>You can depend on Ubuntu. Like the people who make it, it is trustworthy and keeps its promises.</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Precise</h3>
|
||||
<p>
|
||||
Ubuntu is crisp and clean in engineering and attitude. There is beauty in the precision of the process and product.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Collaborative</h3>
|
||||
<p>Working together is at the heart of Ubuntu. It is the essence of 'humanity towards others'.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="row">
|
||||
<hr class="p-rule" />
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Freedom</h3>
|
||||
<p>Ubuntu celebrates freedom. Freedom to choose, to change, to participate.</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Reliable</h3>
|
||||
<p>You can depend on Ubuntu. Like the people who make it, it is trustworthy and keeps its promises.</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Precise</h3>
|
||||
<p>
|
||||
Ubuntu is crisp and clean in engineering and attitude. There is beauty in the precision of the process and product.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-3">
|
||||
<h3>Collaborative</h3>
|
||||
<p>Working together is at the heart of Ubuntu. It is the essence of ’humanity towards others‘.</p>
|
||||
</div>
|
||||
<section class="p-section is-light">
|
||||
<div class="row--50-50">
|
||||
<hr class="p-rule" />
|
||||
<div class="col">
|
||||
<h2>Our brand guidelines</h2>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Our values should be evident wherever Ubuntu is encountered, whether online or via traditional marketing material. If we follow these guidelines consistently, the brand will grow strong enough to attract people, encouraging them to look even more positively on the product itself.
|
||||
</p>
|
||||
<p>
|
||||
These guidelines provide everything you need to create professional communication materials that will build the Ubuntu brand. To help ensure the continued success of Ubuntu, please use them.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-section--deep">
|
||||
<div class="row">
|
||||
<hr class="p-rule" />
|
||||
<div class="col-6 col-medium-2">
|
||||
<h2>Brand assets</h2>
|
||||
</div>
|
||||
<div class="col-3 col-medium-2 p-card p-media-container">
|
||||
<div class="u-vertically-center u-align--center">
|
||||
<img style="min-height: 195px"
|
||||
class="p-card__image"
|
||||
src="https://assets.ubuntu.com/v1/ff6a9a38-ubuntu-logo-2022.svg"
|
||||
alt="Ubuntu logo"
|
||||
width="160" />
|
||||
</div>
|
||||
<div class="p-card__content">
|
||||
<h3>
|
||||
<a href="/resources">Logos</a>
|
||||
</h3>
|
||||
<p>
|
||||
The logo is the most recognizable feature of any brand identity. The Ubuntu logo is striking and clear, and it represents the brand’s core values.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="p-section">
|
||||
<div class="row--50-50-on-large row--25-75-on-medium">
|
||||
<hr class="p-rule" />
|
||||
<div class="col">
|
||||
<h2>Our brand guidelines</h2>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p>
|
||||
Our values should be evident wherever Ubuntu is encountered, whether online or via traditional marketing material. If we follow these guidelines consistently, the brand will grow strong enough to attract people, encouraging them to look even more positively on the product itself.
|
||||
</p>
|
||||
<p>
|
||||
These guidelines provide everything you need to create professional communication materials that will build the Ubuntu brand. To help ensure the continued success of Ubuntu, please use them.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-3 col-medium-2 p-card p-media-container">
|
||||
<a href="/brand/colour-palette">
|
||||
<img class="p-card__image"
|
||||
src="https://assets.ubuntu.com/v1/ebb3f015-colour-palette.svg"
|
||||
alt="" />
|
||||
</a>
|
||||
<div class="p-card__content">
|
||||
<h3>
|
||||
<a href="/brand/colour-palette">Color palette</a>
|
||||
</h3>
|
||||
<p class="p-card__content">
|
||||
The vibrant Ubuntu color palette was created and evolved to ensure that designs convey the correct meaning, while aligning to the brand colors.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="p-section--deep">
|
||||
<div class="row u-equal-height">
|
||||
<hr class="p-rule" />
|
||||
<div class="col-6 col-medium-2">
|
||||
<h2>Brand assets</h2>
|
||||
</div>
|
||||
<div class="col-3 col-medium-2 p-card p-media-container">
|
||||
<div class="u-vertically-center u-align--center">
|
||||
<img style="min-height: 195px"
|
||||
class="p-card__image"
|
||||
src="https://assets.ubuntu.com/v1/ff6a9a38-ubuntu-logo-2022.svg"
|
||||
alt="Ubuntu logo"
|
||||
width="160" />
|
||||
</div>
|
||||
<div class="p-card__content">
|
||||
<h3>
|
||||
<a href="./brand_resources.html">Logos</a>
|
||||
</h3>
|
||||
<p>
|
||||
The logo is the most recognisable feature of any brand identity. The Ubuntu logo is striking and clear, and it represents the brand’s core values.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-3 col-medium-2 p-card p-media-container">
|
||||
<a href="/brand/colour-palette">
|
||||
<img class="p-card__image"
|
||||
src="https://assets.ubuntu.com/v1/ebb3f015-colour-palette.svg"
|
||||
alt="" />
|
||||
</a>
|
||||
<div class="p-card__content">
|
||||
<h3>
|
||||
<a href="/brand/colour-palette">Colour palette</a>
|
||||
</h3>
|
||||
<p class="p-card__content">
|
||||
The vibrant Ubuntu colour palette was created and evolved to ensure that designs convey the correct meaning, while aligning to the brand colours.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock content %}
|
||||
Reference in New Issue
Block a user