Wikitrek:Visual identity: differenze tra le versioni
Da Wikitrek.
(→Colori: Prova tabella sinottica) |
(Fonts) |
||
(11 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
Questa pagina serve come archivio di tutta la grafica che determina la ''corporate identity'' di WikiTrek | Questa pagina serve come archivio di tutta la grafica che determina la ''corporate identity'' di WikiTrek | ||
== Font == | |||
Titoli: | |||
* [https://fonts.google.com/specimen/Fjalla+One Fjalla One] | |||
* [https://github.com/fuddl/pIqaDqoq DIn pIqaD] | |||
Testo: | |||
* [https://fonts.google.com/specimen/Open+Sans Open Sans] | |||
* [https://developer.mozilla.org/en-US/docs/Web/CSS/font-family sans-serif] | |||
* [https://github.com/fuddl/pIqaDqoq DIn pIqaD] | |||
Monospaziato: | |||
* [https://developer.mozilla.org/en-US/docs/Web/CSS/font-family monospace] | |||
== Colori == | == Colori == | ||
Riga 21: | Riga 34: | ||
* {{Colore|#337AB7}} - Da provare per gli hyperlink | * {{Colore|#337AB7}} - Da provare per gli hyperlink | ||
Seconda prova di una tabella sinottica: | |||
<table class="wikitable sortable"> | <table class="wikitable sortable"> | ||
<tr> | <tr> | ||
<th>Colore</th><th>Descrizione</th><th> | <th>Colore</th><th>Descrizione</th><th>Famiglia originaria</th><th>Logo</th><th>Wiki</th><th>Hypertrek</th> | ||
</tr> | </tr> | ||
<tr><td>{{Colore|#FFF5DC}}</td><td>Tono del giallo / oro</td><td>Combinazione colori principale</td><td></td><td>Intestazioni celle</td><td></td></tr> | |||
<tr><td>{{Colore|#FFD700}}</td><td>Tono del giallo / oro</td><td>{{DSC}}<br />'''Command:''' Gold</td><td>Colore chiaro della sfumatura oro</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#CFAA82}}</td><td>Tono del giallo / oro</td><td>Combinazione colori principale</td><td></td><td>Bordino a sinistra</td><td></td></tr> | |||
<tr><td>{{Colore|#996633}}</td><td>Tono del giallo / oro</td><td>Combinazione colori principale</td><td>Colore scuro della sfumatura oro e bordo</td><td>Sfondo titoli box</td><td></td></tr> | |||
<tr><td>{{Colore|#EAECF0}}</td><td>Tabelle predefinite</td><td>Mediawiki</td><td></td><td>Sfondo delle celle di intestazione delle tabelle nel corpo del testo</td><td></td></tr> | |||
<tr><td>{{Colore|#F8F9FA}}</td><td>Tabelle predefinite</td><td>Mediawiki</td><td></td><td>Sfondo delle celle delle tabelle nel corpo del testo</td><td></td></tr> | |||
<tr><td>{{Colore|#fefefe}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#e0e0e0}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#dadada}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#b3b3b3}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#9e9e9e}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#9e9e9e}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#727272}}</td><td></td><td>Combinazione colori principale</td><td>Effetto simil-metallico del nome</td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#c0c0c0}}</td><td></td><td>{{DSC}}<br />'''Silver:''' Science</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#CB6d51}}</td><td></td><td>{{DSC}}<br />'''Copper:''' Operations and engineering</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#3366cc}}</td><td></td><td>Combinazione colori principale</td><td></td><td>Alternativo al blu puro per bordi del [[:Template:MBSemplice]]. Vedi https://design.wikimedia.org/style-guide/visual-style_colors.html</td></td><td></tr> | |||
<tr><td>{{Colore|#337AB7}}</td><td></td><td>Combinazione colori principale</td><td></td><td>Da provare per gli hyperlink</td><td></td></tr> | |||
<tr><td>{{Colore|#CC6600}}</td></td><td></td><td>Hypertrek NG</td><td></td><td></td><td>Hyperlink <code>a:link</code></td></tr> | |||
<tr><td>{{Colore|#993300}}</td></td><td></td><td>Hypertrek NG</td><td></td><td></td><td>Hyperlink <code>a:visited</code></td></tr> | |||
<tr><td>{{Colore|#FF6600}}</td></td><td></td><td>Hypertrek NG</td><td></td><td></td><td>Hyperlink <code>a:active</code></td></tr> | |||
<tr><td>{{Colore|#FF6633}}</td></td><td></td><td>Hypertrek NG</td><td></td><td></td><td>Hyperlink <code>a:link:hover</code></td></tr> | |||
<tr><td>{{Colore|#2F3749}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#52596E}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#6D748C}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#9EA5BA}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#E7442A}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#FF6753}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#FF977B}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#1C3C55}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#2A7193}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
<tr><td>{{Colore|#37A6D1}}</td><td>[[LCARS]]</td><td>{{SDS|3|PIC}} - UI</td><td></td><td></td><td></td></tr> | |||
</table> | </table> | ||
== File == | == File == | ||
[[File:VisualIdFinale.svg]] | [[File:VisualIdFinale.svg]] | ||
== HyperTrek == | |||
<pre> | |||
/* colore degli hot text standard */ | |||
a:link { | |||
color: #CC6600; | |||
text-decoration: none; | |||
} | |||
a:visited { | |||
color: #993300; | |||
text-decoration: none; | |||
} | |||
a:active { | |||
color: #FF6600; | |||
text-decoration: none; | |||
} | |||
a:link:hover { | |||
color: #FF6633; | |||
text-decoration: none; | |||
} | |||
/* colore degli hot text dei link esterni */ | |||
a.esterno:link { | |||
color: #CC6600; | |||
text-decoration: none; | |||
} | |||
a.esterno:visited { | |||
color: #993300; | |||
text-decoration: none; | |||
} | |||
a.esterno:active { | |||
color: #FF6600; | |||
text-decoration: none; | |||
} | |||
a.esterno:link:hover { | |||
color: #FF6633; | |||
text-decoration: none; | |||
} | |||
</pre> | |||
{{EpilogoWikiTrek}} | {{EpilogoWikiTrek}} | ||
Riga 41: | Riga 118: | ||
[[Categoria:Pagine create manualmente]] | [[Categoria:Pagine create manualmente]] | ||
[[Categoria:Pagine importate dal sito di test]] | [[Categoria:Pagine importate dal sito di test]] | ||
[[Categoria:Pagine specifiche per WikiTrek]] |
Versione attuale delle 17:35, 17 set 2023
Questa pagina serve come archivio di tutta la grafica che determina la corporate identity di WikiTrek
Font
Titoli:
Testo:
Monospaziato:
Colori
La combinazione colori del sito comprende:
#FFF5DC
#FFD700
#CFAA82
#996633
I toni di grigio sono:
#fefefe
#e0e0e0
#dadada
#b3b3b3
#9e9e9e
#9e9e9e
#727272
Altri colori utili:
#3366cc
- Alternativo al blu puro per bordi del Template:MBSemplice#337AB7
- Da provare per gli hyperlink
Seconda prova di una tabella sinottica:
Colore | Descrizione | Famiglia originaria | Logo | Wiki | Hypertrek |
---|---|---|---|---|---|
#FFF5DC | Tono del giallo / oro | Combinazione colori principale | Intestazioni celle | ||
#FFD700 | Tono del giallo / oro | Star Trek: Discovery Command: Gold | Colore chiaro della sfumatura oro | ||
#CFAA82 | Tono del giallo / oro | Combinazione colori principale | Bordino a sinistra | ||
#996633 | Tono del giallo / oro | Combinazione colori principale | Colore scuro della sfumatura oro e bordo | Sfondo titoli box | |
#EAECF0 | Tabelle predefinite | Mediawiki | Sfondo delle celle di intestazione delle tabelle nel corpo del testo | ||
#F8F9FA | Tabelle predefinite | Mediawiki | Sfondo delle celle delle tabelle nel corpo del testo | ||
#fefefe | Combinazione colori principale | Effetto simil-metallico del nome | |||
#e0e0e0 | Combinazione colori principale | Effetto simil-metallico del nome | |||
#dadada | Combinazione colori principale | Effetto simil-metallico del nome | |||
#b3b3b3 | Combinazione colori principale | Effetto simil-metallico del nome | |||
#9e9e9e | Combinazione colori principale | Effetto simil-metallico del nome | |||
#9e9e9e | Combinazione colori principale | Effetto simil-metallico del nome | |||
#727272 | Combinazione colori principale | Effetto simil-metallico del nome | |||
#c0c0c0 | Star Trek: Discovery Silver: Science | ||||
#CB6d51 | Star Trek: Discovery Copper: Operations and engineering | ||||
#3366cc | Combinazione colori principale | Alternativo al blu puro per bordi del Template:MBSemplice. Vedi https://design.wikimedia.org/style-guide/visual-style_colors.html | |||
#337AB7 | Combinazione colori principale | Da provare per gli hyperlink | |||
#CC6600 | Hypertrek NG | Hyperlink a:link | |||
#993300 | Hypertrek NG | Hyperlink a:visited | |||
#FF6600 | Hypertrek NG | Hyperlink a:active | |||
#FF6633 | Hypertrek NG | Hyperlink a:link:hover | |||
#2F3749 | LCARS | terza stagione di Star Trek: Picard - UI | |||
#52596E | LCARS | terza stagione di Star Trek: Picard - UI | |||
#6D748C | LCARS | terza stagione di Star Trek: Picard - UI | |||
#9EA5BA | LCARS | terza stagione di Star Trek: Picard - UI | |||
#E7442A | LCARS | terza stagione di Star Trek: Picard - UI | |||
#FF6753 | LCARS | terza stagione di Star Trek: Picard - UI | |||
#FF977B | LCARS | terza stagione di Star Trek: Picard - UI | |||
#1C3C55 | LCARS | terza stagione di Star Trek: Picard - UI | |||
#2A7193 | LCARS | terza stagione di Star Trek: Picard - UI | |||
#37A6D1 | LCARS | terza stagione di Star Trek: Picard - UI |
File
HyperTrek
/* colore degli hot text standard */ a:link { color: #CC6600; text-decoration: none; } a:visited { color: #993300; text-decoration: none; } a:active { color: #FF6600; text-decoration: none; } a:link:hover { color: #FF6633; text-decoration: none; } /* colore degli hot text dei link esterni */ a.esterno:link { color: #CC6600; text-decoration: none; } a.esterno:visited { color: #993300; text-decoration: none; } a.esterno:active { color: #FF6600; text-decoration: none; } a.esterno:link:hover { color: #FF6633; text-decoration: none; }
Collegamenti esterni
Interwiki
Nessun collegamento generico trovato su DataTrek
Annotazioni