AardRock Wiki:StyleGuide

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 radius 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.