2013-10-09 12:30:53 +02:00
|
|
|
---
|
|
|
|
title: Brand Guidelines
|
|
|
|
---
|
|
|
|
|
2014-08-26 03:13:07 +02:00
|
|
|
%h2 Brand Usage
|
2013-10-13 01:26:11 +02:00
|
|
|
|
2014-08-26 03:13:07 +02:00
|
|
|
%ul
|
|
|
|
%li
|
|
|
|
Do not stretch or distort the logo. Use the "seal" version of the logo
|
2014-04-20 01:03:34 +02:00
|
|
|
when needing to use a square image (like avatars).
|
2014-07-31 07:26:38 +02:00
|
|
|
|
2014-08-26 03:13:07 +02:00
|
|
|
%li
|
|
|
|
Do not alter the color of the logo. The official logo color is `$hopbush`
|
2014-04-20 01:00:12 +02:00
|
|
|
(`#c69`).
|
2013-10-13 01:26:11 +02:00
|
|
|
|
2014-08-26 03:13:07 +02:00
|
|
|
%li
|
|
|
|
If you have to put the logo on a busy/colorful background, then you can
|
2014-04-20 01:00:12 +02:00
|
|
|
use one of the reversed (on white) logos, provided here.
|
2013-10-13 01:26:11 +02:00
|
|
|
|
2014-08-26 03:13:07 +02:00
|
|
|
%li
|
|
|
|
%p
|
|
|
|
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
|
2015-02-28 14:26:23 +01:00
|
|
|
sexist imagery. In fact, we
|
2014-10-04 22:22:01 +02:00
|
|
|
= link_to "explicitly changed our logo", "https://github.com/sass/sass/issues/349"
|
2014-10-04 19:32:54 +02:00
|
|
|
for that very reason. If you have questions about the images you want to
|
2014-08-26 03:13:07 +02:00
|
|
|
use, please feel free to contact us at:
|
|
|
|
= succeed "." do
|
|
|
|
:javascript
|
|
|
|
//<![CDATA[
|
|
|
|
<!--
|
|
|
|
var x="function f(x){var i,o=\"\",ol=x.length,l=ol;while(x.charCodeAt(l/13)!" +
|
|
|
|
"=92){try{x+=x;l+=l;}catch(e){}}for(i=l-1;i>=0;i--){o+=x.charAt(i);}return o" +
|
|
|
|
".substr(0,ol);}f(\")65,\\\"#'-<6-s>,ban\\\"\\\\ldhd*uvepBxt720\\\\320\\\\t\\"+
|
|
|
|
"\\620\\\\720\\\\620\\\\330\\\\IT)700\\\\100\\\\720\\\\520\\\\120\\\\n\\\\20" +
|
|
|
|
"0\\\\M520\\\\730\\\\300\\\\700\\\\530\\\\n\\\\310\\\\n\\\\700\\\\C120\\\\22" +
|
|
|
|
"0\\\\100\\\\410\\\\~84/z516;020\\\\v710\\\\o4<;'9li620\\\\&$+#r\\\\d630\\\\" +
|
|
|
|
";5)QKPQTy130\\\\KDWfo610\\\\FRUELX_420\\\\GF410\\\\@n\\\\200\\\\n\\\\600\\\\"+
|
|
|
|
"D330\\\\420\\\\700\\\\620\\\\$230\\\\620\\\\010\\\\610\\\\*3038`6,;?49q610\\"+
|
|
|
|
"\\l6*<%l*vk`)* 0*06nKPXQNYV\\\\\\\\\\\"(f};o nruter};))++y(^)i(tAedoCrahc.x" +
|
|
|
|
"(edoCrahCmorf.gnirtS=+o;721=%y;i=+y)65==i(fi{)++i;l<i;0=i(rof;htgnel.x=l,\\" +
|
|
|
|
"\"\\\"=o,i rav{)y,x(f noitcnuf\")" ;
|
|
|
|
while(x=eval(x));
|
|
|
|
//-->
|
|
|
|
//]]>
|
|
|
|
Read our
|
|
|
|
= link_to "community guidelines", "/community-guidelines"
|
|
|
|
for more information.
|
|
|
|
|
2013-10-25 02:40:35 +02:00
|
|
|
%p= link_to "Download vector logos", "/assets/img/styleguide/sass-logo.zip", class: "button primary"
|
2013-10-17 00:06:57 +02:00
|
|
|
%p= partial "/styleguide/brand_license"
|
2013-10-13 01:26:11 +02:00
|
|
|
|
|
|
|
.logos
|
|
|
|
%h3 Standard
|
|
|
|
%ul.list-columns
|
2015-01-07 05:39:20 +01:00
|
|
|
%li= image_tag "styleguide/color.png", height: "80", alt: "Sass"
|
|
|
|
%li= image_tag "styleguide/seal-color.png", height: "80", alt: "Sass"
|
2013-10-13 01:26:11 +02:00
|
|
|
|
|
|
|
%h3 White
|
2014-07-31 07:26:38 +02:00
|
|
|
%ul.list-tiled.swatch-color-background-shade
|
2015-01-07 05:39:20 +01:00
|
|
|
%li= image_tag "styleguide/white.png", height: "80", alt: "Sass"
|
|
|
|
%li= image_tag "styleguide/seal-color-reversed.png", height: "80", alt: "Sass"
|
|
|
|
%li= image_tag "styleguide/seal-black-reversed.png", height: "80", alt: "Sass"
|
2013-10-13 01:26:11 +02:00
|
|
|
|
|
|
|
%h3 Black
|
|
|
|
%ul.list-columns
|
2015-01-07 05:39:20 +01:00
|
|
|
%li= image_tag "styleguide/black.png", height: "80", alt: "Sass"
|
|
|
|
%li= image_tag "styleguide/seal-black.png", height: "80", alt: "Sass"
|