Design Document Esthetics - Revision history

Rich: /* Tile Color Standards */ Map Color Recommendations

2021-07-07T22:19:45Z

Tile Color Standards: Map Color Recommendations

← Older revision		Revision as of 22:19, 7 July 2021
Line 43:		Line 43:
	\| style="text-align:right;" \|179		\| style="text-align:right;" \|179
	\| style="font-family: 'monospace';" \|b3b3b3		\| style="font-family: 'monospace';" \|b3b3b3
			\|}

			== Map Color Recommendations ==

			Printed maps use many different styles and many different color schemes.<br>
			A game box will normally use the same design as the printed map.<br>
			But if this is not the case then a color scheme for the map could be needed.<br>
			The the following tables show two suggested map color schemes:

			{\| class="wikitable"
			\|+ Soft Color Scheme
			!Usage!!Hex RGB
			\|- style="background-color: #ef160f;"
			\|off-board areas
			\| style="font-family: 'monospace';" \|ef160f
			\|- style="background-color: #42b3ea;"
			\|water
			\| style="font-family: 'monospace';" \|42b3ea
			\|- style="background-color: #c8f2c1;"
			\|land
			\| style="font-family: 'monospace';" \|c8f2c1
			\|- style="background-color: #389426;"
			\|mountains
			\| style="font-family: 'monospace';" \|389426
			\|}

			{\| class="wikitable"
			\|+ Hard Color Scheme
			!Usage!!Hex RGB
			\|- style="background-color: #ff0000;"
			\|off-board areas
			\| style="font-family: 'monospace';" \|ff0000
			\|- style="background-color: #33aaff;"
			\|water
			\| style="font-family: 'monospace';" \|33aaff
			\|- style="background-color: #ccffdd;"
			\|land
			\| style="font-family: 'monospace';" \|ccffdd
			\|- style="background-color: #119922;"
			\|mountains
			\| style="font-family: 'monospace';" \|119922
	\|}		\|}

Rich: /* Web Page Color Standards */

2020-07-25T10:00:13Z

Web Page Color Standards

← Older revision		Revision as of 10:00, 25 July 2020
Line 8:		Line 8:
	== Web Page Color Standards==		== Web Page Color Standards==

	[[File:Body.png]][[File:Header.png]]The background of the header and main areas of all pages will be the color shown on the near left (#FFEEDD). The background of the left sidebar of all pages and any drop-down menus or forms will be the color shown on the far left (#DDFFDD).		[[File:Body.png]][[File:Header.png]]<br>The background of the header and main areas of all pages will be the color shown on the near left (#FFEEDD). The background of the left sidebar of all pages and any drop-down menus or forms will be the color shown on the far left (#DDFFDD).

	Other areas may have modified background colors to enable them to stand out from their surroundings.		Other areas may have modified background colors to enable them to stand out from their surroundings.

Rich: updated release notice

2017-07-31T23:37:13Z

updated release notice

← Older revision		Revision as of 23:37, 31 July 2017
Line 1:		Line 1:
	{{ReleaseNotice\|2.1}}{{Design Document Index}}		{{ReleaseNotice\|2.5}}{{Design Document Index}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich: 2.1

2016-06-03T12:20:29Z

2.1

← Older revision		Revision as of 12:20, 3 June 2016
Line 1:		Line 1:
	{{~~Design Document Index~~}}		{{ReleaseNotice\|2.1}}{{Design Document Index}}
	{{~~ReleaseNotice\|1.3~~}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich at 00:28, 19 October 2015

2015-10-19T00:28:35Z

← Older revision		Revision as of 00:28, 19 October 2015
Line 1:		Line 1:
	{{Design Document Index}}		{{Design Document Index}}
	{{ReleaseNotice\|0.5}}		{{ReleaseNotice\|1.3}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich: updated release notice

2015-01-12T18:24:13Z

updated release notice

← Older revision		Revision as of 18:24, 12 January 2015
Line 1:		Line 1:
	{{Design Document Index}}		{{Design Document Index}}
	{{ReleaseNotice\|0.3}}		{{ReleaseNotice\|0.5}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich: /* Color Standards */ added Tile Color Standards

2015-01-12T18:22:21Z

Color Standards: added Tile Color Standards

← Older revision		Revision as of 18:22, 12 January 2015
Line 7:		Line 7:
	[[File:Logo.png\|frame]]The logo displayed to the right will be present in the upper left hand corner of every BOARD18 page. It will be part of the standard header for each such page. In addition, a 32 pixel square icon with a reduced version of the same graphic will be used as the favicon file for this application.		[[File:Logo.png\|frame]]The logo displayed to the right will be present in the upper left hand corner of every BOARD18 page. It will be part of the standard header for each such page. In addition, a 32 pixel square icon with a reduced version of the same graphic will be used as the favicon file for this application.

	== Color Standards==		== Web Page Color Standards==

	[[File:Body.png]][[File:Header.png]]The background of the header and main areas of all pages will be the color shown on the near left (#FFEEDD). The background of the left sidebar of all pages and any drop-down menus or forms will be the color shown on the far left (#DDFFDD).		[[File:Body.png]][[File:Header.png]]The background of the header and main areas of all pages will be the color shown on the near left (#FFEEDD). The background of the left sidebar of all pages and any drop-down menus or forms will be the color shown on the far left (#DDFFDD).

	Other areas may have modified background colors to enable them to stand out from their surroundings.		Other areas may have modified background colors to enable them to stand out from their surroundings.

			== Tile Color Standards==

			The standard shade for each of the four tile colors is given in the following table:

			{\| class="wikitable"
			\|+ Standard tile colors
			!COLOR!!Red\|\|Green\|\|Blue\|\|Hex RGB
			\|- style="background-color: #ffff00;"
			\|Yellow
			\| style="text-align:right;" \|255
			\| style="text-align:right;" \|255
			\| style="text-align:right;" \|0
			\| style="font-family: 'monospace';" \|ffff00
			\|- style="background-color: #54d82b;"
			\|Green
			\| style="text-align:right;" \|84
			\| style="text-align:right;" \|216
			\| style="text-align:right;" \|43
			\| style="font-family: 'monospace';" \|54d82b
			\|- style="background-color: #aa722a;"
			\|Brown
			\| style="text-align:right;" \|170
			\| style="text-align:right;" \|114
			\| style="text-align:right;" \|42
			\| style="font-family: 'monospace';" \|aa722a
			\|- style="background-color: #b3b3b3;"
			\|Grey
			\| style="text-align:right;" \|179
			\| style="text-align:right;" \|179
			\| style="text-align:right;" \|179
			\| style="font-family: 'monospace';" \|b3b3b3
			\|}

	== Page Layout==		== Page Layout==

Rich: Update for release 0.3.x

2014-06-05T19:54:57Z

Update for release 0.3.x

← Older revision		Revision as of 19:54, 5 June 2014
Line 1:		Line 1:
	{{Design Document Index}}		{{Design Document Index}}
			{{ReleaseNotice\|0.3}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich: added {{Design Document Index}}

2013-09-06T02:02:02Z

added {{Design Document Index}}

← Older revision		Revision as of 02:02, 6 September 2013
Line 1:		Line 1:
			{{Design Document Index}}
	Like any other application, BOARD18 needs a distinctive look.		Like any other application, BOARD18 needs a distinctive look.

Rich: Added Category

2013-06-04T06:27:34Z

Added Category

← Older revision		Revision as of 06:27, 4 June 2013
Line 38:		Line 38:

	Every BOARD18 page will have a style sheet to format the body of the page. Some of the containing block elements in these style sheets may use absolute positioning.		Every BOARD18 page will have a style sheet to format the body of the page. Some of the containing block elements in these style sheets may use absolute positioning.

			[[Category:Design]]