Style Guide


Logos

Geekanerd Logo
The Geekanerd Logo is displayed in the top left corner of each page on the site.

Navigation

The Geekanerd Navigation is a horizontal bar of links, that when highlighted, changes colors to reflect what is highlighted.
The background color for the navigation is: #062170.
The foreground color for the navigation is: #6d87d6.
The highlighted background color for the navigation is: #133aac.
The highlighted foreground color for the navigation is: #dbe4fe.

Content & Typography

All pages use Trebuchet MS font style.
Headers are bold weighted, 40 pixels, and are colored: #476bd6.
Subheaders are bold weighted, 30 pixels, and are colored: #476bd6.
Body text is 16 pixels, and is colored: #dbe4fe.

Color

ColorUsage
#dbe4feDefault text color (Body text, Menu text, Footer text)
#4b4b4bContent background color.
#476bd6Header and Subheader color.
#6d87d6Navigation text color. Link Color.
#062170Navigation and Footer background color.
#343434Page background color.

Best Practices

All pages will be unified in their appearance, by way of a stylesheet and the use of modules.
All pages will be organized, as best as possible, into appropriate directories.
All code will adhere to current web standards.
All code will be organized, and well documented, including code specific to search engine crawling.
Less is more.
Audience consists of online PC Gamers, high speed connection assumed. (File sizes can be larger, within reason)