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

From Libopedia
Jump to navigation Jump to search
m
m
 
(341 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
  '''[[SUNScholar/Theme|Back to Theme]]'''
 
  '''[[SUNScholar/Theme|Back to Theme]]'''
 
</center>
 
</center>
 +
This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.
 +
===University Logo===
 +
[[File:Main-logo.png|frame|University Logo]]
 +
{|class="wikitable" width="30%"
 +
|-
 +
!Web HEX Code
 +
!Web Safe Color
 +
!Description
 +
|-
 +
|
 +
60223b/790936
 +
|
 +
663333
 +
|
 +
brand-maroon
 +
|-
 +
|
 +
8c979a
 +
|
 +
999999
 +
|
 +
brand-gray
 +
|-
 +
|
 +
967140
 +
|
 +
996633
 +
|
 +
brand-gold
 +
|}
  
==Examples==
+
===Student (Maties) Logo===
 +
[[File:Maties-logo.png|right|120px]]
 +
{|class="wikitable" width="30%"
 +
|-
 +
!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===
:'''<span style="padding: 10px; color:#fff; background:#7c3145">Maroon background </span>'''
+
*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
'''<span style="padding: 10px; color:#fff; border-style:solid; border-width:5px; border-color:#7c3145; background:#ff9900">Maroon border with white text on an orange background </span>'''
+
*http://wiki.lib.sun.ac.za/index.php/SUNScholar/Bootstrap_Framework
 
+
*https://design.ubuntu.com/brand/colour-palette
 
+
*http://www.colorhexa.com
'''#572331 = <span style="padding: 10px; color:#fff; background:#572331">White text on maroon-3 background </span>'''
+
__NOTOC__
 
+
[[Category:Customisation]]
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-1 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-2 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on gray-3 #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on orange #7c3145 background </span>'''
 
 
 
 
 
*'''<span style="padding: 10px; color:#fff; background:#7c3145">White text on base #7c3145 background </span>'''
 
 
 
==Values==
 
*maroon-1 = 7c3145
 
*maroon-2 = 6a2a3b
 
*maroon-3 = 572331
 
*gray-1 = 626262
 
*gray-2 = b2b8b8
 
*gray-3 = e5e5e5
 
*orange = ff9900
 
*base = f7f7f7
 

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