Difference between revisions of "AardRock Wiki:StyleGuide"
Jump to navigation
Jump to search
(Answer on Berrie's question.) |
(Initial version.) |
||
Line 1: | Line 1: | ||
__NOTOC__ | |||
=Global= | |||
* All sizes are in pixels (screen) or points (print), unless otherwise specified. | |||
* All dimensions in WxH. | |||
* All color definitions are in RGB (255/255/255). | |||
* Origin is upper left (0, 0). | |||
* Overal underlying grid 24x24 (1x1 units). | |||
* Most text and images are snapped to grid. | |||
* Underlying snap grid 12x12 or 6x6 (so you have finer control of placement). | |||
=Images= | |||
* All images have rounded corners with corner radios of 6. | |||
* Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture). | |||
* No artificially mis-en-scenes, please. | |||
=Fonts= | |||
* All font sizes in points. | |||
* All fonts in graphics and images from Sun family ([http://aardrock.com/font/ Download your Mac or PC font]). | |||
* On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac). | |||
=Vista= | |||
* Vista size is 672x192 (28x8 units). | |||
* Title font is Sun Black 48. | |||
* Subtitle (above title) is Sun Regular 24. | |||
* Box text is Sun Bold 12. | |||
* Vista has rounded corners with radius 6. | |||
=Sub Panel= | |||
* Sub panel size is 192x192 (8x8 units). | |||
* Sub panel gap is 12 (0.5 units). | |||
* Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect. | |||
* Sub panel has rounded corners with radius 6. | |||
* Overall text margin left and right is 24 (1 unit). | |||
* Sub panel upper half: | |||
** Size 192x84 (8x2.5 units) | |||
** Font Sun Black 24. | |||
** Baseline lower line and bottom is 12. | |||
* Sub panel lower half: | |||
** Size 192x84 (8x2.5 units). | |||
** Base line first line and top is 24. |
Revision as of 14:06, 22 June 2006
Global
- All sizes are in pixels (screen) or points (print), unless otherwise specified.
- All dimensions in WxH.
- All color definitions are in RGB (255/255/255).
- Origin is upper left (0, 0).
- Overal underlying grid 24x24 (1x1 units).
- Most text and images are snapped to grid.
- Underlying snap grid 12x12 or 6x6 (so you have finer control of placement).
Images
- All images have rounded corners with corner radios of 6.
- Images have a natural, professional, bright, vibrant look, with imagery taken from daily life (nature, people, animal, architecture).
- No artificially mis-en-scenes, please.
Fonts
- All font sizes in points.
- All fonts in graphics and images from Sun family (Download your Mac or PC font).
- On-screen font (for web pages) is Verdana 11 and Optima 11 (Mac).
Vista
- Vista size is 672x192 (28x8 units).
- Title font is Sun Black 48.
- Subtitle (above title) is Sun Regular 24.
- Box text is Sun Bold 12.
- Vista has rounded corners with radius 6.
Sub Panel
- Sub panel size is 192x192 (8x8 units).
- Sub panel gap is 12 (0.5 units).
- Sub panel top strip is 192x24 (8x1 units). This area is sometimes used to accomodate graphics extending into it for visual effect.
- Sub panel has rounded corners with radius 6.
- Overall text margin left and right is 24 (1 unit).
- Sub panel upper half:
- Size 192x84 (8x2.5 units)
- Font Sun Black 24.
- Baseline lower line and bottom is 12.
- Sub panel lower half:
- Size 192x84 (8x2.5 units).
- Base line first line and top is 24.