Difference between revisions of "TarValon.Net Style Guide"
From Tar Valon Library
Arie Tarou (talk | contribs) m (I will update this once more of the new logo's are updated/uploaded. it's going to be a wip for a short bit.) |
(editing the copy, add marketing email) |
||
(13 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
[[image:styleguidelogo.png|center]] | [[image:styleguidelogo.png|center]] | ||
− | Welcome to TarValon.Net Style guide. Here you will find a collection of site-wide fonts, colors and various banners used throughout. Where there is room for additional fonts to be used for Event Logos, it is good to keep in mind what is being used for continuity and | + | Welcome to TarValon.Net Style guide. Here you will find a collection of site-wide fonts, colors, and various banners used throughout. Where there is room for additional fonts to be used for Event Logos, it is good to keep in mind what is being used for continuity and branding purposes. |
− | |||
+ | <div style="margin-left: 25px; float: right;">__TOC__</div> | ||
− | + | ==Copyright and Usage== | |
− | == Copyright | ||
===TARVALON.NET INC. COPYRIGHT NOTICE=== | ===TARVALON.NET INC. COPYRIGHT NOTICE=== | ||
Line 13: | Line 12: | ||
;COPYRIGHT NOTICE | ;COPYRIGHT NOTICE | ||
− | :By accessing TarValon. | + | :By accessing TarValon.Net (http://www.tarvalon.net) or any of its webpages, you unconditionally agree to the terms of this Copyright Notice and as they may be modified and/or supplemented from time to time by TarValon.Net Inc. without prior notice to you. Please check this webpage regularly for any modifications and/or supplements which may be made. |
+ | |||
If you do NOT agree with all these terms, you should NOT visit or use these webpages. | If you do NOT agree with all these terms, you should NOT visit or use these webpages. | ||
;WEBSITE DESIGN | ;WEBSITE DESIGN | ||
− | :The unique combination of images, colors, sizes, typography, and positioning ( | + | :The unique combination of images, colors, sizes, typography, and positioning ("the design") of these webpages are copyright TarValon.Net Inc. and may not be reproduced. |
− | Unless otherwise indicated, the contents found on TarValon. | + | |
+ | Unless otherwise indicated, the contents found on TarValon.Net (http://www.tarvalon.net) are subject to copyright owned by TarValon.Net Inc. | ||
;ARTWORK | ;ARTWORK | ||
− | :Unless otherwise indicated, the graphics found on TarValon. | + | :Unless otherwise indicated, the graphics found on TarValon.Net (http://www.tarvalon.net) are subject to copyright owned by TarValon.Net Inc. Prior written consent of TarValon.Net Inc. is required if you intend to reproduce, distribute or otherwise use any graphics or other non-text contents found on TarValon.Net in any way or for any purpose. Such requests for consent shall be addressed to the [[Director of Marketing]] via email at [mailto:marketing@tarvalon.net marketing@tarvalon.net] and include the following: |
:* Specific graphics or other material for which you are seeking permission; | :* Specific graphics or other material for which you are seeking permission; | ||
:* Specific and detailed information on how the graphics would be reproduced, altered or in any way used. | :* Specific and detailed information on how the graphics would be reproduced, altered or in any way used. | ||
− | === Usage === | + | ===Usage=== |
− | |||
;Don'ts for merchandising purposes | ;Don'ts for merchandising purposes | ||
* Copy official Wheel of Time images and other protected artwork without explicit permission or a license. | * Copy official Wheel of Time images and other protected artwork without explicit permission or a license. | ||
* Use the phrases "Wheel of Time", "The Dragon Reborn" - they are official trademarks. | * Use the phrases "Wheel of Time", "The Dragon Reborn" - they are official trademarks. | ||
* Use Old Tongue or other quotes or phrases from the books without explicit permission or a license. | * Use Old Tongue or other quotes or phrases from the books without explicit permission or a license. | ||
− | * | + | * Use offensive language, sexual content, or excessively violent or gruesome content. |
− | * | + | * Use Comic Sans. Ever. |
− | + | ;Dos | |
− | ; | ||
* Create your own artwork. | * Create your own artwork. | ||
* Ask permission to use someone else's artwork or obtain a license. | * Ask permission to use someone else's artwork or obtain a license. | ||
− | * Mention the author or artist (using © ) if you use quotes, images, | + | * Mention the author or artist (using © ) if you use quotes, images, etc. |
− | * Contact the | + | * Contact the [[Marketing Project Manager]] in case of doubt. |
+ | ;Does this mean you cannot use any quotes, Old Tongue, artwork on the site? | ||
+ | :No, absolutely not. If you want to mention the word "Ajah" in your signature, want to quote Mat in Old Tongue, that is fine, if the use is limited to your signature. However, signature and avatar use is our members' own responsibility. | ||
− | + | ==Style Guide== | |
− | |||
− | == | + | ===Main Site=== |
− | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: | + | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 5px; width: 200px;" |
− | | | + | | |
|- | |- | ||
|style="padding: 2px 5px; text-align: center;"|[[image:logo3.png|150px]] | |style="padding: 2px 5px; text-align: center;"|[[image:logo3.png|150px]] | ||
− | | | + | | |
|- | |- | ||
|} | |} | ||
− | |||
====Logos==== | ====Logos==== | ||
====Fonts==== | ====Fonts==== | ||
Line 77: | Line 76: | ||
{{clear}} | {{clear}} | ||
− | + | ||
− | + | ==Ajahs== | |
=== Blue Ajah === | === Blue Ajah === | ||
− | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: | + | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" |
− | |style="padding: 2px 5px; text-align: center;"|[[image: | + | |style="padding: 2px 5px; text-align: center;"|[[image:NewBlue2014.png|200px]] |
− | |style="padding: 2px 5px; text-align: center;"|[[image: | + | |style="padding: 2px 5px; text-align: center;"|[[image:NewBlue2014 Icon.png|100px]] |
− | |||
− | |||
|- | |- | ||
|} | |} | ||
Line 103: | Line 100: | ||
{{clear}} | {{clear}} | ||
+ | |||
---- | ---- | ||
− | |||
− | |||
=== Brown Ajah === | === Brown Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewBrown2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewBrown2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 113: | Line 114: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: # | + | |style="background-color: #663300; color: #ffcc99; border: 1px solid #888888; padding: 2px 5px;"|'''Brown Ajah''' |
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki background: # | + | |style="padding: 2px 5px;"| Wiki background: #663300 |
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki text color: # | + | |style="padding: 2px 5px;"| Wiki text color: #ffcc99 |
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
+ | {{clear}} | ||
---- | ---- | ||
+ | |||
=== Gray Ajah === | === Gray Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewGray2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewGray2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 132: | Line 136: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: # | + | |style="background-color: #2D4244; color: #eeeeee; border: 1px solid #888888; padding: 2px 5px;"|'''Gray Ajah''' |
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki background: # | + | |style="padding: 2px 5px;"| Wiki background: #2D4244 |
|- | |- | ||
|style="padding: 2px 5px;"| Wiki text color: #eeeeee | |style="padding: 2px 5px;"| Wiki text color: #eeeeee | ||
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
+ | {{clear}} | ||
---- | ---- | ||
=== Green Ajah === | === Green Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewGreen2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewGreen2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 152: | Line 158: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: # | + | |style="background-color: #006600; color: #ccffcc; border: 1px solid #888888; padding: 2px 5px;"|'''Green Ajah''' |
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
− | |style=" | + | |style="padding: 2px 5px;"| Wiki background: #006600 |
|- | |- | ||
− | |style=" | + | |style="padding: 2px 5px;"| Wiki text color: #ccffcc |
|} | |} | ||
+ | {{clear}} | ||
---- | ---- | ||
+ | |||
=== Red Ajah === | === Red Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewRed2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewRed2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 171: | Line 180: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: # | + | |style="background-color: #8F2140; color: #D6001C; border: 1px solid #888888; padding: 2px 5px;"|'''Red Ajah''' |
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki background: # | + | |style="padding: 2px 5px;"| Wiki background: #8F2140 |
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki text color: # | + | |style="padding: 2px 5px;"| Wiki text color: #D6001C |
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
+ | {{clear}} | ||
---- | ---- | ||
+ | |||
=== White Ajah === | === White Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewWhite2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewWhite2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 190: | Line 202: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: #ffffff; color: # | + | |style="background-color: #ffffff; color: #555555; border: 1px solid #888888; padding: 2px 5px;"|'''White Ajah''' |
|- | |- | ||
|style="padding: 2px 5px;"| Wiki background: #ffffff | |style="padding: 2px 5px;"| Wiki background: #ffffff | ||
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki text color: # | + | |style="padding: 2px 5px;"| Wiki text color: #555555 |
− | |||
− | |||
− | |||
− | |||
|} | |} | ||
+ | {{clear}} | ||
---- | ---- | ||
=== Yellow Ajah === | === Yellow Ajah === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewYellow2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewYellow2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
====Fonts==== | ====Fonts==== | ||
::;Main | ::;Main | ||
Line 210: | Line 224: | ||
====Colors==== | ====Colors==== | ||
::{| | ::{| | ||
− | |style="background-color: #ffdd33; color: # | + | |style="background-color: #ffdd33; color: #663300; border: 1px solid #888888; padding: 2px 5px;"|'''Yellow Ajah''' |
|- | |- | ||
|style="padding: 2px 5px;"| Wiki background: #ffdd33 | |style="padding: 2px 5px;"| Wiki background: #ffdd33 | ||
|- | |- | ||
− | |style="padding: 2px 5px;"| Wiki text color: # | + | |style="padding: 2px 5px;"| Wiki text color: #663300 |
+ | |} | ||
+ | |||
+ | {{clear}} | ||
+ | |||
+ | |||
+ | ==Companies== | ||
+ | === Dai M'Hael === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewDM2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewDM2014 Icon.png|100px]] | ||
|- | |- | ||
− | |style="color: # | + | |} |
+ | ====Fonts==== | ||
+ | ::;Main | ||
+ | ::: Default | ||
+ | ====Colors==== | ||
+ | ::{| | ||
+ | |style="background-color: #770099; color: #eeeeee; border: 1px solid #888888; padding: 2px 5px;"|'''Dai M'Hael''' | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki background: #770099 | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki text color: #eeeeee | ||
+ | |} | ||
+ | |||
+ | {{clear}} | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === Mahdi'in d'ma Dieb === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewMDD2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewMDD2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
+ | ====Fonts==== | ||
+ | ::;Main | ||
+ | ::: Default | ||
+ | ====Colors==== | ||
+ | ::{| | ||
+ | |style="background-color: #0000aa; color: #eeeeee; border: 1px solid #888888; padding: 2px 5px;"|'''Mahdi'in d'ma Dieb''' | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki background: #0000aa | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki text color: #eeeeee | ||
+ | |} | ||
+ | |||
+ | {{clear}} | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === San d'ma Shadar === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewSDS2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewSDS2014 Icon.png|100px]] | ||
|- | |- | ||
− | |||
|} | |} | ||
+ | ====Fonts==== | ||
+ | ::;Main | ||
+ | ::: Default | ||
+ | ====Colors==== | ||
+ | ::{| | ||
+ | |style="background-color: #111111; color: #bb8800; border: 1px solid #888888; padding: 2px 5px;"|'''San d'ma Shadar''' | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki background: #111111 | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki text color: #bb8800 | ||
+ | |} | ||
+ | |||
+ | {{clear}} | ||
+ | |||
+ | ---- | ||
+ | |||
+ | === Val'Cueran === | ||
+ | ::{|style="background-color: #EEEEEE; border: 1px solid #888888; border-collapse: collapse; float: right; margin: 0px 0px 0px -20px; width: 300px;" | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewVC2014.png|200px]] | ||
+ | |style="padding: 2px 5px; text-align: center;"|[[image:NewVC2014 Icon.png|100px]] | ||
+ | |- | ||
+ | |} | ||
+ | ====Fonts==== | ||
+ | ::;Main | ||
+ | ::: Lucida Calligraphy | ||
+ | ====Colors==== | ||
+ | ::{| | ||
+ | |style="background-color: #d4282f; color: #cb9b58; border: 1px solid #888888; padding: 2px 5px;"|'''Val'Cueran''' | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki background: #d4282f | ||
+ | |- | ||
+ | |style="padding: 2px 5px;"| Wiki text color: #cb9b58 | ||
+ | |} | ||
+ | {{clear}} | ||
− | + | [[Category:TarValon.Net]] | |
+ | [[Category:Department of Marketing]] |
Latest revision as of 01:19, 23 October 2022
Welcome to TarValon.Net Style guide. Here you will find a collection of site-wide fonts, colors, and various banners used throughout. Where there is room for additional fonts to be used for Event Logos, it is good to keep in mind what is being used for continuity and branding purposes.
Copyright and Usage
TARVALON.NET INC. COPYRIGHT NOTICE
- Article: Member Copyright Agreement
- COPYRIGHT NOTICE
- By accessing TarValon.Net (http://www.tarvalon.net) or any of its webpages, you unconditionally agree to the terms of this Copyright Notice and as they may be modified and/or supplemented from time to time by TarValon.Net Inc. without prior notice to you. Please check this webpage regularly for any modifications and/or supplements which may be made.
If you do NOT agree with all these terms, you should NOT visit or use these webpages.
- WEBSITE DESIGN
- The unique combination of images, colors, sizes, typography, and positioning ("the design") of these webpages are copyright TarValon.Net Inc. and may not be reproduced.
Unless otherwise indicated, the contents found on TarValon.Net (http://www.tarvalon.net) are subject to copyright owned by TarValon.Net Inc.
- ARTWORK
- Unless otherwise indicated, the graphics found on TarValon.Net (http://www.tarvalon.net) are subject to copyright owned by TarValon.Net Inc. Prior written consent of TarValon.Net Inc. is required if you intend to reproduce, distribute or otherwise use any graphics or other non-text contents found on TarValon.Net in any way or for any purpose. Such requests for consent shall be addressed to the Director of Marketing via email at marketing@tarvalon.net and include the following:
- Specific graphics or other material for which you are seeking permission;
- Specific and detailed information on how the graphics would be reproduced, altered or in any way used.
Usage
- Don'ts for merchandising purposes
- Copy official Wheel of Time images and other protected artwork without explicit permission or a license.
- Use the phrases "Wheel of Time", "The Dragon Reborn" - they are official trademarks.
- Use Old Tongue or other quotes or phrases from the books without explicit permission or a license.
- Use offensive language, sexual content, or excessively violent or gruesome content.
- Use Comic Sans. Ever.
- Dos
- Create your own artwork.
- Ask permission to use someone else's artwork or obtain a license.
- Mention the author or artist (using © ) if you use quotes, images, etc.
- Contact the Marketing Project Manager in case of doubt.
- Does this mean you cannot use any quotes, Old Tongue, artwork on the site?
- No, absolutely not. If you want to mention the word "Ajah" in your signature, want to quote Mat in Old Tongue, that is fine, if the use is limited to your signature. However, signature and avatar use is our members' own responsibility.
Style Guide
Main Site
Logos
Fonts
- Logotype
- Dauphin
- Common Fonts
- Trajan and Pristina
- Web Fonts
- Georgia and Verdana
- Accepted Fonts
- ImperatorSmallCaps (& Bold), Goudy Old Style and CronosPro
Colors
VBulletin Text Colors: #39322C and #988B95 Banner Colors: #E7DDD3 and #5B5756 Forum Colors: #F4F3F1 and #EAE6E3
Ajahs
Blue Ajah
Logos
Fonts
- Current
- Trajan
- Previously Used
- Papyrus
Colors
Blue Ajah Base Color: #0000CC Secondary Colors: #000FFF and #DFF2FF
Brown Ajah
Fonts
- Main
- Carrington
Colors
Brown Ajah Wiki background: #663300 Wiki text color: #ffcc99
Gray Ajah
Fonts
- Main
- Calligrapher
Colors
Gray Ajah Wiki background: #2D4244 Wiki text color: #eeeeee
Green Ajah
Fonts
- Main
- Carrington
Colors
Green Ajah Wiki background: #006600 Wiki text color: #ccffcc
Red Ajah
Fonts
- Main
- unidentified
Colors
Red Ajah Wiki background: #8F2140 Wiki text color: #D6001C
White Ajah
Fonts
- Main
- Lucida Calligraphy
Colors
White Ajah Wiki background: #ffffff Wiki text color: #555555
Yellow Ajah
Fonts
- Main
- Amperzand
Colors
Yellow Ajah Wiki background: #ffdd33 Wiki text color: #663300
Companies
Dai M'Hael
Fonts
- Main
- Default
Colors
Dai M'Hael Wiki background: #770099 Wiki text color: #eeeeee
Mahdi'in d'ma Dieb
Fonts
- Main
- Default
Colors
Mahdi'in d'ma Dieb Wiki background: #0000aa Wiki text color: #eeeeee
San d'ma Shadar
Fonts
- Main
- Default
Colors
San d'ma Shadar Wiki background: #111111 Wiki text color: #bb8800
Val'Cueran
Fonts
- Main
- Lucida Calligraphy
Colors
Val'Cueran Wiki background: #d4282f Wiki text color: #cb9b58