Difference between revisions of "SUNScholar/Theme/Color Palette"

From Libopedia
Jump to navigation Jump to search
m
 
(16 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
</center>
 
</center>
 
This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.
 
This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.
−
 
−
----
 
−
===Faculty===
 
−
====AgriScience====
 
−
:'''<span style="padding: 3px; color:#fff; background:#3D8A1A; border: 2px solid #3D8A1A; border-radius: 4px;">Example Text</span>''' - 3D8A1A
 
−
====Arts & Social Sciences====
 
−
:'''<span style="padding: 3px; color:#fff; background:#FF861D; border: 2px solid #FF861D; border-radius: 4px;">Example Text</span>''' - FF861D
 
−
====Economic & Management Sciences====
 
−
:'''<span style="padding: 3px; color:#fff; background:#40C0CB; border: 2px solid #40C0CB; border-radius: 4px;">Example Text</span>''' - 40C0CB
 
−
====Education====
 
−
:'''<span style="padding: 3px; color:#fff; background:#223D71; border: 2px solid #223D71; border-radius: 4px;">Example Text</span>''' - 223D71
 
−
====Engineering====
 
−
:'''<span style="padding: 3px; color:#fff; background:#FF9B38; border: 2px solid #FF9B38; border-radius: 4px;">Example Text</span>''' - FF9B38
 
−
====Law====
 
−
:'''<span style="padding: 3px; color:#fff; background:#9B161D; border: 2px solid #9B161D; border-radius: 4px;">Example Text</span>''' - 9B161D
 
−
====Medicine and Health Sciences====
 
−
:'''<span style="padding: 3px; color:#fff; background:#1C5F58; border: 2px solid #1C5F58; border-radius: 4px;">Example Text</span>''' - 1C5F58
 
−
====Military Sciences====
 
−
:'''<span style="padding: 3px; color:#fff; background:#EE4E48; border: 2px solid #EE4E48; border-radius: 4px;">Example Text</span>''' - EE4E48
 
−
====Science====
 
−
:'''<span style="padding: 3px; color:#fff; background:#B4162C; border: 2px solid #B4162C; border-radius: 4px;">Example Text</span>''' - B4162C
 
−
====Theology====
 
−
:'''<span style="padding: 3px; color:#fff; background:#56117D; border: 2px solid #56117D; border-radius: 4px;">Example Text</span>''' - 56117D
 
−
 
−
 
−
----
 
−
===Global===
 
−
{|class="wikitable" width="20%"
 
−
|-
 
−
!Web HEX code
 
−
!Description
 
−
|-
 
−
|
 
−
BBB
 
−
|
 
−
gray-dark
 
−
|-
 
−
|
 
−
CCC
 
−
|
 
−
gray
 
−
|-
 
−
|
 
−
EEE
 
−
|
 
−
gray-light
 
−
|-
 
−
|
 
−
9B9F9E
 
−
|
 
−
gray-brand
 
−
|}
 
−
 
 
===University Logo===
 
===University Logo===
 
[[File:Main-logo.png|frame|University Logo]]
 
[[File:Main-logo.png|frame|University Logo]]
−
{|class="wikitable" width="20%"
+
{|class="wikitable" width="30%"
 
|-
 
|-
−
!Web HEX code
+
!Web HEX Code
 +
!Web Safe Color
 
!Description
 
!Description
 
|-
 
|-
 
|
 
|
−
60223b
+
60223b/790936
 +
|
 +
663333
 
|
 
|
 
brand-maroon
 
brand-maroon
Line 70: Line 20:
 
|
 
|
 
8c979a
 
8c979a
 +
|
 +
999999
 
|
 
|
 
brand-gray
 
brand-gray
Line 75: Line 27:
 
|
 
|
 
967140
 
967140
 +
|
 +
996633
 
|
 
|
 
brand-gold
 
brand-gold
Line 81: Line 35:
 
===Student (Maties) Logo===
 
===Student (Maties) Logo===
 
[[File:Maties-logo.png|right|120px]]
 
[[File:Maties-logo.png|right|120px]]
−
{|class="wikitable" width="20%"
+
{|class="wikitable" width="30%"
 
|-
 
|-
−
!Web HEX code
+
!Web HEX Code
 +
!Web Safe Color
 
!Description
 
!Description
 
|-
 
|-
 
|
 
|
−
76273c
+
60223b/790936
 +
|
 +
663333
 
|
 
|
 
maties-maroon
 
maties-maroon
 
|-
 
|-
 
|
 
|
−
ff9b33
+
ff9b33/f77e00
 +
|
 +
ff9933
 
|
 
|
 
maties-orange
 
maties-orange
Line 98: Line 57:
 
|
 
|
 
8c979a
 
8c979a
 +
|
 +
999999
 
|
 
|
 
maties-gray
 
maties-gray
 +
|-
 +
|
 +
6e7174
 +
|
 +
666666
 +
|
 +
maties-silver
 
|}
 
|}
−
 
−
 
−
 
−
:'''<span style="padding: 10px; color:#8c979a; background:#76273c; border: 5px solid #ff9b33; border-radius: 6px;">brand-maties</span>'''
 
−
 
−
 
−
:'''<span style="padding: 10px; color:#8c979a; background:#ff9b33; border: 5px solid #76273c; border-radius: 6px;">brand-maties</span>'''
 
−
 
−
 
−
:'''<span style="padding: 10px; color:#ff9b33; background:#76273c; border: 5px solid #8c979a; border-radius: 6px;">brand-maties</span>'''
 
  
 
===References===
 
===References===
 
*http://www.sun.ac.za/english/corporate-identity/Pages/default.aspx
 
*http://www.sun.ac.za/english/corporate-identity/Pages/default.aspx
 +
*http://www.sun.ac.za/english/corporate-identity/identification-elements/corporate-logo/visual-guidelines
 +
*http://www.sun.ac.za/english/corporate-identity/identification-elements/maties-logo/visual-guidlines
 
*http://wiki.lib.sun.ac.za/index.php/SUNScholar/Bootstrap_Framework
 
*http://wiki.lib.sun.ac.za/index.php/SUNScholar/Bootstrap_Framework
 
*https://design.ubuntu.com/brand/colour-palette
 
*https://design.ubuntu.com/brand/colour-palette
 
*http://www.colorhexa.com
 
*http://www.colorhexa.com
 
__NOTOC__
 
__NOTOC__
 +
[[Category:Customisation]]

Latest revision as of 12:02, 28 May 2016

Back to Theme

This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.

University Logo
Web HEX Code Web Safe Color Description

60223b/790936

663333

brand-maroon

8c979a

999999

brand-gray

967140

996633

brand-gold

Maties-logo.png
Web HEX Code Web Safe Color Description

60223b/790936

663333

maties-maroon

ff9b33/f77e00

ff9933

maties-orange

8c979a

999999

maties-gray

6e7174

666666

maties-silver

References

Retrieved from "http://wiki.lib.sun.ac.za/index.php?title=SUNScholar/Theme/Color_Palette&oldid=42737"