Wiki page cross-reference

See also the related page Design Team/Logo Ideas

Sugar Graphic Identity

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 | primary colors | SVG | PNG

 

Sugar Labs logo | primary colors | SVG | PNG

 

Sugar Labs logo | primary colors w/ registration mark | SVG | PNG

 

Sugar Labs logo (alternate, usage discouraged) | primary colors | SVG | PNG

 

Sugar on a Stick Strawberry logo | SVG | PNG

 

Sugar on a Stick Blueberry logo | SVG | PNG

 

Sugar on a Stick logo | SVG | PNG

 

Sugar on a Stick Mirabelle logo | SVG | 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 VAG Rounded. The font Modata, in the MgOpen package, is closely based on this font (individual Modata ttf files).

If you have any questions about correct logo usage, contact Christian Marc Schmidt at anything [at] christianmarcschmidt.com.

Sugar Labs logo for white backgrounds

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

Sugar Labs logo for black backgrounds

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

Sugar Labs logo (alt) for white backgrounds

(use only in space-confined situations)

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

Sugar Labs logo (alt) for black backgrounds

(use only in space-confined situations)

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

 

SVG | PNG

Sugar Labs favicons

       
       
       

Color Palette

 


SoaS Banners

       

Documentation

Sugar Labs logo PDF (2009-01-31) http://www.sugarlabs.org/go/Image:090131_sugarlabs_logo.pdf

Sugar Labs certification badges PDF (2008-10-22) http://www.sugarlabs.org/go/Image:081022_badges.pdf