mirror of
https://github.com/danog/sass-site.git
synced 2024-12-02 09:27:59 +01:00
48 lines
2.5 KiB
Markdown
48 lines
2.5 KiB
Markdown
---
|
||
title: Brand Guidelines
|
||
---
|
||
|
||
## Brand Usage
|
||
|
||
- Do not stretch or distort the logo. Use the "seal" version of the logo when
|
||
needing to use a square image (like avatars).
|
||
- Do not alter the color of the logo. The official logo color is
|
||
`$sl-color--hopbush` (`#c69`).
|
||
- If you have to put the logo on a busy/colorful background, then you can use
|
||
one of the reversed (on white) logos, provided here.
|
||
- When using the Sass brand and identity in your presentations, articles,
|
||
videos, or any other media, please be respectful. The Sass brand is feminine
|
||
and we love that. But our brand must never be used alongside sexist imagery.
|
||
In fact, we [explicitly changed our
|
||
logo](https://github.com/sass/sass/issues/349) for that very reason. Read
|
||
our [community guidelines](/community-guidelines) for more information. If
|
||
you have questions about the images you want to use, please feel free to
|
||
contact us at: [community@sass-lang.com](mailto:community@sass-lang.com?subject=[Sass Community] Hello 'Email the Sass community leaders').
|
||
|
||
[Download vector logos](/assets/img/styleguide/sass-logo.zip){.sl-c-button .sl-c-button--primary}
|
||
|
||
[{style="border-width:0"}](https://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US){rel=license}<br />
|
||
This work is licensed under a [Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License](https://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US){rel=license}.
|
||
|
||
### Standard
|
||
|
||
<!-- prettier-ignore -->
|
||
- {height=80} {.sl-l-grid__column}
|
||
- {height=80} {.sl-l-grid__column}
|
||
{.sl-l-grid .sl-l-grid--full .sl-l-large-grid--fit .sl-l-large-grid--gutters-large .sl-l-large-grid--center}
|
||
|
||
### White
|
||
|
||
<!-- prettier-ignore -->
|
||
- {height=80} {.sl-l-grid__column}
|
||
- {height=80} {.sl-l-grid__column}
|
||
- {height=80} {.sl-l-grid__column}
|
||
{.sl-l-grid .sl-l-grid--full .sl-l-large-grid--fit .sl-l-large-grid--gutters-large .sl-l-large-grid--center .sl-color--midnight-blue-background}
|
||
|
||
### Black
|
||
|
||
<!-- prettier-ignore -->
|
||
- {height=80} {.sl-l-grid__column}
|
||
- {height=80} {.sl-l-grid__column}
|
||
{.sl-l-grid .sl-l-grid--full .sl-l-large-grid--fit .sl-l-large-grid--gutters-large .sl-l-large-grid--center}
|