Difference between revisions of "SUNScholar/Theme/Color Palette"
Jump to navigation
Jump to search
m (→References) |
m |
||
| Line 13: | Line 13: | ||
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#626262; background:#EEE; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#fff; background:#626262; border: 5px solid #CCC; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#60223A; background:#ccc; border: 5px solid #bbb; border-radius: 6px;">Example Text</span>''' |
| Line 32: | Line 32: | ||
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#8c9799; background:#eee; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#fff; background:#60223A; border: 5px solid #8C9799; border-radius: 6px;">Example Text</span>''' |
| Line 49: | Line 49: | ||
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#666; background:#eee; border: 5px solid #76273C; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#FF9900; background:#76273C; border: 5px solid #A3A8A4; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#FFF; background:#76273C; border: 5px solid #FF9900; border-radius: 6px;">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#EEE; border-style:solid; border-width:5px; border-color:#60223A; border-radius: 6px; background:#FF9900">Example Text</span>''' |
| − | :'''<span style="padding: | + | :'''<span style="padding: 20px; color:#FFF; border-style:solid; border-width:5px; border-color:#EFB32F; border-radius: 6px; background:#FF9900">Example Text</span>''' |
Revision as of 08:49, 30 August 2014
Back to Theme
This wiki page demonstrates the use of colours in designing the scholarly communication web sites serviced by the library.
Global
- #bbb = gray-dark
- #ccc = gray
- #eee = gray-light
- #626262 = gray-custom
- #60223a = maroon-brand
- Example Text
- Example Text
- Example Text
University Logo
- #60223a = maroon-brand
- #8c9799 = gray-brand
- Example Text
- Example Text
Student (Maties) Logo
- #76273c = maroon-maties
- #efb32f = orange-maties
- #a3aba4 = gray-maties
- #ff9900 = orange-custom
- Example Text
- Example Text
- Example Text
- Example Text
- Example Text
References
- http://www.sun.ac.za/english/corporate-identity/Pages/default.aspx
- http://wiki.lib.sun.ac.za/index.php/SUNScholar/Bootstrap_Framework
- https://design.ubuntu.com/brand/colour-palette
