Difference between revisions of "Style Guide"

From AardRock Wiki
Jump to navigation Jump to search
 
(AardRock StyleGuide)
 
Line 1: Line 1:
=The Place for Berrie=
=Blog and Wiki=
Usage of the blog and wiki tool is pretty simple. Both interfaces are easy to understand and richly documented. Read these url's for proper help when needed:
==Formatting and Styling==
*Wiki
**http://meta.wikimedia.org/wiki/Help:Starting_a_new_page
*blog
**http://codex.wordpress.org/Main_Page
 
 
===Tool: Wiki===
When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.
 
*HTML
**Only use lowercase html
**Check your html; always! one mistake can lead to a lay-out problem.
*Headers
**Only use headers in the way as stated in the help file.
*Images
**Whenever using the vista's, insert them by using correct html in html-view.
**Always add the "alt","width" and "height" attributes for correct html standards.
 
===Tool: Blog===
As for the Blog tool. When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.
 
*HTML
**Only use lowercase html
**Check your html; always! one mistake can lead to a lay-out problem.
*Headers
**Only use h1 or h2 headers.
*Images
**Whenever using the vista's, insert them by using correct html in html-view.
**Always add the "alt","width" and "height" attributes for correct html standards.
 
=Presentations=
When making presentations on behalf of AardRock, always use the template files which can be downloaded at http://aardrock.com/template/. For an example of the grid, see: http://wiki.aardrock.com/Image:AardRockPresents.png
 
==Formatting and Styling==
*Always use:
**All sizes in pixels, unless otherwise specified.
**All dimensions in WxH.
**All color definitions are in RGB (255/255/255).
**All fonts from Sun family (Download your Mac or PC font ).
**All font sizes in points.
**Origin is upper left (0, 0).
**Slide size 1024x768.
**Overal underlying grid 24x24.
**Most text and images are snapped to grid.
**Underlying snap grid 12x12 (so you have finer control of placement).
**Black background.
**Purple (111/106/202) horizontal strip 0 px from top, 1024x12.
**Yellow (255/255/17) horizontal strip 12 px from top, 1024x60.
**Text frame for bullet lists have origin at (24, 96), size 976x648.
**Title font: Sun SC Black 62.
**Sublevels do not use bullets.
**Level 1: Sun Regular 36, space before 12, indent +12 relative to previous level.
**Level 2: Sun Regular 24, space before 12, indent +12 relative to previous level.
**Level 3: Sun Regular 18, space before 12, indent +12 relative to previous level.
**Use three levels max.

Latest revision as of 12:37, 22 June 2006

Blog and Wiki

Usage of the blog and wiki tool is pretty simple. Both interfaces are easy to understand and richly documented. Read these url's for proper help when needed:

Formatting and Styling


Tool: Wiki

When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.

  • HTML
    • Only use lowercase html
    • Check your html; always! one mistake can lead to a lay-out problem.
  • Headers
    • Only use headers in the way as stated in the help file.
  • Images
    • Whenever using the vista's, insert them by using correct html in html-view.
    • Always add the "alt","width" and "height" attributes for correct html standards.

Tool: Blog

As for the Blog tool. When adding content always use the editor. After adding content in combination with HTML, check the HTML view for eventual errors. Make sure al the tags - that you might have opened - are closed.

  • HTML
    • Only use lowercase html
    • Check your html; always! one mistake can lead to a lay-out problem.
  • Headers
    • Only use h1 or h2 headers.
  • Images
    • Whenever using the vista's, insert them by using correct html in html-view.
    • Always add the "alt","width" and "height" attributes for correct html standards.

Presentations

When making presentations on behalf of AardRock, always use the template files which can be downloaded at http://aardrock.com/template/. For an example of the grid, see: http://wiki.aardrock.com/Image:AardRockPresents.png

Formatting and Styling

  • Always use:
    • All sizes in pixels, unless otherwise specified.
    • All dimensions in WxH.
    • All color definitions are in RGB (255/255/255).
    • All fonts from Sun family (Download your Mac or PC font ).
    • All font sizes in points.
    • Origin is upper left (0, 0).
    • Slide size 1024x768.
    • Overal underlying grid 24x24.
    • Most text and images are snapped to grid.
    • Underlying snap grid 12x12 (so you have finer control of placement).
    • Black background.
    • Purple (111/106/202) horizontal strip 0 px from top, 1024x12.
    • Yellow (255/255/17) horizontal strip 12 px from top, 1024x60.
    • Text frame for bullet lists have origin at (24, 96), size 976x648.
    • Title font: Sun SC Black 62.
    • Sublevels do not use bullets.
    • Level 1: Sun Regular 36, space before 12, indent +12 relative to previous level.
    • Level 2: Sun Regular 24, space before 12, indent +12 relative to previous level.
    • Level 3: Sun Regular 18, space before 12, indent +12 relative to previous level.
    • Use three levels max.