Changes

Jump to navigation Jump to search
8,520 bytes added ,  17:04, 6 July 2013
Line 1: Line 1: −
===Sugar Labs Graphic Identity===
+
{{TOCright}}
 +
===Wiki page cross-reference===
   −
The Sugar Labs logo exists in the color combinations shown below. The logo can exist either on a white or black background, and the color combinations change order based on the background--against a white background the border color is always lighter than the fill color, while against a black background the border color is darker than the fill color.
+
See also the related page [[Design Team/Logo Ideas]]
   −
==Logo usage==
+
===Sugar Graphic Identity===
*Don't use the logo on any background other than black or white.
  −
*Make sure there is a significant amount of space surrounding the logo as shown in the PNG and SVG files.
  −
*Don't use any other color combination than the ones shown below.
  −
*Don't alter the logo in any other way--don't stretch, rotate, or change the letter spacing and size.
  −
*Scale down only as long as the color outline around "sugar" is still clearly visible.
     −
If you have any questions about correct logo usage, contact [http://sugarlabs.org/go/User:Christianmarcschmidt Christian] at anything [at] christianmarcschmidt.com.
+
The Sugar Labs logo exists in the color combinations shown below. The logo can sit either on a white or black background, and the color combinations change order based on the background--against a white background the outline color around "sugar" is always lighter than the fill color, while against a black background the outline color is darker than the fill color.
    
==Sugar logo variations==
 
==Sugar logo variations==
   −
While the Sugar Labs logo also exists as a stacked version for use in space-confined situations, the single line logo is the primary treatment and should be used where at all possible.
+
[[File:logo_alt_3.png|240px]]
 +
 
 +
Sugar logo | primary colors | [[:File:logo_alt_3.svg| SVG]] | [[:File:logo_alt_3.png| PNG]]
 +
 
 +
[[File:logo_alt_1.png|400px]]
 +
 
 +
Sugar Labs logo | primary colors | [[:File:logo_alt_1.svg| SVG]] | [[:File:logo_alt_1.png| PNG]]
 +
 
 +
[[File:Logo_alt_1(R).png|400px]]
 +
 
 +
Sugar Labs logo | primary colors w/ registration mark | [[:File:Logo_alt_1(R).svg| SVG]] | [[:File:Logo_alt_1(R).png| PNG]]
 +
 
 +
[[File:logo_alt_2.png|240px]]
 +
 
 +
Sugar Labs logo (alternate, usage discouraged) | primary colors | [[:File:logo_alt_2.svg| SVG]] | [[:File:logo_alt_2.png| PNG]]
 +
 
 +
[[File:logo_SoaS_01.png|540px]]
 +
 
 +
Sugar on a Stick Strawberry logo | [[:File:logo_SoaS_01.svg| SVG]] | [[:File:logo_SoaS_01.png| PNG]]
 +
 
 +
[[File:logo_SoaS_02.png|540px]]
 +
 
 +
Sugar on a Stick Blueberry logo | [[:File:logo_SoaS_02.svg| SVG]] | [[:File:logo_SoaS_02.png| PNG]]
 +
 
 +
[[File:logo_SoaS_03.png|540px]]
 +
 
 +
Sugar on a Stick logo | [[:File:logo_SoaS_03.svg| SVG]] | [[:File:logo_SoaS_03.png| PNG]]
   −
[[Image:logo_alt_1.png|400px|http://www.sugarlabs.org/go/Image:logo_alt_1.png]]
+
[[File:Soas-mirabelle-logo.png|540px]]
   −
Sugar Labs logo (primary) | [http://www.sugarlabs.org/go/Image:logo_alt_1.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_alt_1.png PNG]
+
Sugar on a Stick Mirabelle logo | [[:File:Soas-mirabelle-logo.svg| SVG]] | [[:File:Soas-mirabelle-logo.png| PNG]]
   −
[[Image:logo_alt_2.png|240px|http://www.sugarlabs.org/go/Image:logo_alt_2.png]]
+
[[File:Soas-mango-lassi.png|540px]]
   −
Sugar Labs logo (alternate) | [http://www.sugarlabs.org/go/Image:logo_alt_2.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_alt_2.png PNG]
+
Sugar on a Stick Mango Lassi logo | [[:File:Soas-mango-lassi.svg| SVG]] | [[:File:Soas-mango-lassi.png| PNG]]
   −
[[Image:logo_alt_3.png|240px|http://www.sugarlabs.org/go/Image:logo_alt_3.png]]
+
[[File:Soas-avocado.png|540px]]
   −
Sugar logo | [http://www.sugarlabs.org/go/Image:logo_alt_3.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_alt_3.png PNG]
+
Sugar on a Stick Avocado logo | [[:File:Soas-avocado.svg| SVG]] | [[:File:Soas-avocado.png| PNG]]
 +
 
 +
==Logo usage==
 +
*The logo should be used '''only on a black or white background'''
 +
*Make sure there is '''generous space surrounding the logo''', as shown in the PNG and SVG files.
 +
*Don't use any other color combinations than the ones shown below.
 +
*'''Don't alter the logo''' in any other way--don't stretch, rotate, or change the letter spacing and size.
 +
*Scale down only as long as the color outline around "sugar" is still clearly visible.
 +
*While the Sugar Labs logo also exists as a stacked version for use in space-confined situations, the '''single line logo is the primary treatment''' and should be used wherever possible.
 +
*'''Prefixes or suffixes should not be incorporated into the logo'''. This also accounts for country names, e.g. "[Sugar Labs Logo] CountryName". The logo needs to stand on its own. Prefixes or suffixes should not be handled as a part of the logo, but instead in regular text, such as when writing about a country specific Sugar Labs entity, e.g. "Sugar Labs CountryName". Note: There may be exceptions that should be discussed case by case, such as the Sugar on a Stick logo above.
 +
*The logo font is [[wikipedia:VAG Rounded|VAG Rounded]]. The font Modata, in the MgOpen package, is closely based on this font (individual [http://www.zvr.gr/typo/mgopen/index Modata] ttf files).
 +
 
 +
If you have any questions about correct logo usage, contact [http://sugarlabs.org/go/User:Christianmarcschmidt Christian Marc Schmidt] at anything [at] christianmarcschmidt.com.
    
==Sugar Labs logo for white backgrounds==
 
==Sugar Labs logo for white backgrounds==
Line 90: Line 124:  
|[[Image:logo_black_12.png|300px|http://www.sugarlabs.org/go/Image:logo_black_12.png]]
 
|[[Image:logo_black_12.png|300px|http://www.sugarlabs.org/go/Image:logo_black_12.png]]
 
[http://www.sugarlabs.org/go/Image:logo_black_12.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_black_12.png PNG]
 
[http://www.sugarlabs.org/go/Image:logo_black_12.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_black_12.png PNG]
 +
|}
 +
 +
==Sugar Labs logo (alt) for white backgrounds==
 +
 +
(use only in space-confined situations)
 +
 +
{|
 +
|[[Image:logo_square_white_01.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_01.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_01.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_01.png PNG]
 +
|[[Image:logo_square_white_02.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_02.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_02.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_02.png PNG]
 +
|[[Image:logo_square_white_03.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_03.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_03.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_03.png PNG]
 +
|[[Image:logo_square_white_04.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_04.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_04.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_04.png PNG]
 +
|-
 +
|[[Image:logo_square_white_05.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_05.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_05.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_05.png PNG]
 +
|[[Image:logo_square_white_06.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_06.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_06.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_06.png PNG]
 +
|[[Image:logo_square_white_07.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_07.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_07.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_07.png PNG]
 +
|[[Image:logo_square_white_8.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_8.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_08.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_8.png PNG]
 +
|-
 +
|[[Image:logo_square_white_09.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_09.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_09.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_09.png PNG]
 +
|[[Image:logo_square_white_10.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_10.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_10.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_10.png PNG]
 +
|[[Image:logo_square_white_11.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_11.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_11.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_11.png PNG]
 +
|[[Image:logo_square_white_12.png|180px|http://www.sugarlabs.org/go/Image:logo_square_white_12.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_white_12.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_white_12.png PNG]
 +
|}
 +
 +
==Sugar Labs logo (alt) for black backgrounds==
 +
 +
(use only in space-confined situations)
 +
 +
{|
 +
|[[Image:logo_square_black_01.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_01.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_01.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_01.png PNG]
 +
|[[Image:logo_square_black_02.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_02.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_02.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_02.png PNG]
 +
|[[Image:logo_square_black_03.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_03.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_03.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_03.png PNG]
 +
|[[Image:logo_square_black_04.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_04.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_04.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_04.png PNG]
 +
|-
 +
|[[Image:logo_square_black_05.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_05.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_05.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_05.png PNG]
 +
|[[Image:logo_square_black_06.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_06.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_06.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_06.png PNG]
 +
|[[Image:logo_square_black_07.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_07.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_07.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_07.png PNG]
 +
|[[Image:logo_square_black_08.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_08.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_08.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_08.png PNG]
 +
|-
 +
|[[Image:logo_square_black_09.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_09.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_09.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_09.png PNG]
 +
|[[Image:logo_square_black_10.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_10.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_10.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_10.png PNG]
 +
|[[Image:logo_square_black_11.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_11.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_11.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_11.png PNG]
 +
|[[Image:logo_square_black_12.png|180px|http://www.sugarlabs.org/go/Image:logo_square_black_12.png]]
 +
[http://www.sugarlabs.org/go/Image:logo_square_black_12.svg SVG] | [http://www.sugarlabs.org/go/Image:logo_square_black_12.png PNG]
 +
|}
 +
 +
==Sugar Labs favicons==
 +
 +
{|
 +
|[[Image:favicon_01.png|64|http://www.sugarlabs.org/go/Image:favicon_01.png]]
 +
|[[Image:favicon_02.png|64|http://www.sugarlabs.org/go/Image:favicon_02.png]]
 +
|[[Image:favicon_03.png|64|http://www.sugarlabs.org/go/Image:favicon_03.png]]
 +
|[[Image:favicon_04.png|64|http://www.sugarlabs.org/go/Image:favicon_04.png]]
 +
|-
 +
|[[Image:favicon_05.png|64|http://www.sugarlabs.org/go/Image:favicon_05.png]]
 +
|[[Image:favicon_06.png|64|http://www.sugarlabs.org/go/Image:favicon_06.png]]
 +
|[[Image:favicon_07.png|64|http://www.sugarlabs.org/go/Image:favicon_07.png]]
 +
|[[Image:favicon_08.png|64|http://www.sugarlabs.org/go/Image:favicon_08.png]]
 +
|-
 +
|[[Image:favicon_09.png|64|http://www.sugarlabs.org/go/Image:favicon_09.png]]
 +
|[[Image:favicon_10.png|64|http://www.sugarlabs.org/go/Image:favicon_10.png]]
 +
|[[Image:favicon_11.png|64|http://www.sugarlabs.org/go/Image:favicon_11.png]]
 +
|[[Image:favicon_12.png|64|http://www.sugarlabs.org/go/Image:favicon_12.png]]
 
|}
 
|}
   Line 95: Line 214:  
[[Image:Color_palette.png|http://www.sugarlabs.org/go/Image:Color_palette.png]]
 
[[Image:Color_palette.png|http://www.sugarlabs.org/go/Image:Color_palette.png]]
    +
 +
==SoaS Banners==
 +
[[File:Sugar-on-a-Stick-Strawberry.png|400px]]
 +
[[File:Sugar-on-a-Stick-Blueberry.png|400px]]
 +
[[File:Sugar-on-a-Stick-Grape.png|400px]]
 +
[[File:Sugar-on-a-Stick-Mirabelle.png|400px]]
    
==Documentation==
 
==Documentation==
Sugar Labs logo PDF (2008-12-07)
+
Sugar Labs logo PDF (2009-01-31)
http://www.sugarlabs.org/go/Image:081207_sugarlabs_logo.pdf
+
http://www.sugarlabs.org/go/Image:090131_sugarlabs_logo.pdf
    
Sugar Labs certification badges PDF (2008-10-22)
 
Sugar Labs certification badges PDF (2008-10-22)
 
http://www.sugarlabs.org/go/Image:081022_badges.pdf
 
http://www.sugarlabs.org/go/Image:081022_badges.pdf

Navigation menu