Logo

Mageia official logo is .

Our logo still does not have a specific font - it would need to be forged.

No other logo must be used for official Mageia.org communication.

This logo must not be altered. We need a more comprehensive guide for it (use of cauldron alone, of "mageia" alone, availability of derivative logos and buttons for other uses).

Logo colours/gradients:

• white/transparent background
• from   #252D42 to   #485E82 (letters)
• from   #2397D4 to   #65E7FF (bubbles)

See /g/media/logo/ for higher resolution PNG and SVG.

---

Colours

Current colours scheme is a cold one, consisting of basically three major: white, black, blue.

Colour	Hex code	Usage
	#ffffff	background
	#000000	body text, h3
	#3494d3	titles: h1, h2, h3	Those two should be reconciled
	#2383c2	links: a
	orange	sub-title of h1
	#555555	preamble text, footer text
	#aaaaaa	table header/footer

---

Web sites

• Favicon

  Our favicon is . You may reference it through: http://www.mageia.org/g/favicon.png.

• Fonts

  Page body fonts rule is:

  font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
  

  Titles (h1, h2, etc.) fonts rule is:

  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;

• Page width and layout

  Current:

  • www: fixed 749px, centered
  • blog: fixed 980px, centered
  • forum: fluid 100%
  • bugs: fluid 100%
  • hugs: fixed ~700px, left-aligned

  Preferred:

  • Preferred: fixed 980px, centered
  • Even better, using media queries:
    • desktop, large screen > 1240,1400
    • tablet
    • phone
    (tools to test: http://quirktools.com/screenfly/)

• Page background

  Current background is built in three layers:

  • plain white background: html { background: #fff; }
  • blue to white gradient with stripes: html { background: url(http://www.mageia.org/g/images/bg_ln_4.png) repeat-x; }
  • white cauldron mask placed: body { background: url(http://www.mageia.org/g/images/cauldron_alpha_ln_1.png) no-repeat -20px 200px; }

• www header

  Mageia | Title Tag

  
  

  background: linear-gradient(top, #ffffff 50%, #f0f0f0);
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #9db1ca;
  box-shadow: 0 1px 3px #9db1ca;

  
  

  The whole header may be redesigned along with the global nav bar: below:

• Global navigation bar

  The global navigation bar is to segment the Web site in a few major areas where visitors can go; it's not a shortcuts bar, so its contents may be redesigned and dispatched differently in the future.

  It will be published by a distinct web service, to be reused by each sub website; HTML, CSS and Javascript will be pushed.

• Reference CSS

  Our current reference CSS is based on:

  • YUI reset-fonts-grids CSS
  • YUI base CSS
  • our own: screen.css

  This can be dramatically improved, splitting into several CSSes for reuse through mageia.org.

---

What to do next?