sass-site/source/styleguide/brand.html.haml

70 lines
2.9 KiB
Plaintext
Raw Normal View History

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-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"
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&nbsp;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"
%p= partial "/styleguide/brand_license"
2013-10-13 01:26:11 +02:00
.logos
%h3 Standard
%ul.list-columns
%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
%ul.list-tiled.swatch-color-background-shade
%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
%li= image_tag "styleguide/black.png", height: "80", alt: "Sass"
%li= image_tag "styleguide/seal-black.png", height: "80", alt: "Sass"