Difference between revisions of "AardRock Wiki:StyleGuide"

From AardRock Wiki
Jump to navigation Jump to search
(Answer on Berrie's question.)
(Initial version.)
Line 1: Line 1:
Hi Berry,
__NOTOC__


AardRock Style Guide goes here. English please. Thank you.
=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).


Succes en plezier,
=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.


Martien.
=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.


Martien, Hoe zal ik deze pagina vullen? in principe worden alle styles netjes afgevangen door het CSS wat gebruikt wordt. Wat wil je weten of als naslag hebben?
=Sub Panel=
 
* Sub panel size is 192x192 (8x8 units).
grt,
* 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.
Berrie
* Sub panel has rounded corners with radius 6.
 
* Overall text margin left and right is 24 (1 unit).
---------
* Sub panel upper half:
Ik wil graag een Corporate Styleguide hebben, in het engels, met daarin beschreven de do's en don'ts m.b.t. AardRock style & identity. B.v. AardRock logo specs, white space erom heen, kleurengebruik, 24 pts grid, etc. etc. Ben je bekend met Corp Styleguides? Heb je er wel eens gezien/voorbeelden van? Zoek anders ff met Google. Bv. huisstijl.
** Size 192x84 (8x2.5 units)
 
** Font Sun Black 24.
Succes en plezier,
** Baseline lower line and bottom is 12.
 
* Sub panel lower half:
Martien.
** 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.