Difference between revisions of "Branding"

From edegan.com
Jump to navigation Jump to search
(Ed moved page Branding to McNair Center Branding)
Tag: New redirect
 
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
#REDIRECT [[McNair Center Branding]]
+
==Palette==
 +
 
 +
{| class="wikitable" style="vertical-align:bottom;"
 +
|- style="font-weight:bold;"
 +
! Color Name
 +
! Dark Blue
 +
! Light Blue
 +
! Dark Grey
 +
! Light Grey
 +
! Gold
 +
! Orange
 +
|-
 +
| style="font-weight:bold;" | Color
 +
| style="background-color:#00234F;" |
 +
| style="background-color:#2E7BB1;" |
 +
| style="background-color:#818283;" |
 +
| style="background-color:#DDDEDF;" |
 +
| style="background-color:#F3AB0D;" |
 +
| style="background-color:#DE7904;" |
 +
|-
 +
| style="font-weight:bold;" | Hex Code
 +
| #00234F
 +
| #2E7BB1
 +
| #818283
 +
| #DDDEDF
 +
| #F3AB27
 +
| #DE7904
 +
|-
 +
| style="font-weight:bold;" | RGB
 +
| 0,35,79
 +
| 46,123,177
 +
| 129,130,131
 +
| 221,222,223
 +
| 243,171,39
 +
| 222,121,4
 +
|}
 +
 
 +
===Inspiration===
 +
 
 +
The colors are inspired in part by my universities:
 +
*UCL is orange and black: https://www.ucl.ac.uk/cam/brand/guidelines/colour
 +
*UBC is blue and grey: https://brand.ubc.ca/guidelines/downloads/ubc-colour-and-fonts/
 +
*U.C. Berkeley is blue and gold: https://brand.berkeley.edu/colors/
 +
*Imperial College London is blue and grey: https://www.imperial.ac.uk/brand-style-guide/visual-identity/brand-colours/
 +
*Rice University is blue and grey: https://brand.rice.edu/design-elements
 +
*Georgetown University is blue and grey: https://www.georgetown.edu/color-guide/
 +
 
 +
{| class="wikitable sortable"
 +
|- style="font-weight:bold; vertical-align:bottom;"
 +
! University
 +
! Dark Blue
 +
! Light Blue
 +
! Dark Grey
 +
! Light Grey
 +
! Gold
 +
! Orange
 +
|- style="vertical-align:bottom;"
 +
| UCL
 +
| style="color:#FFF;" |
 +
|
 +
|
 +
|
 +
|
 +
| #EA7600
 +
|-
 +
| style="vertical-align:bottom;" | UBC
 +
| style="vertical-align:bottom;" | #002145
 +
| style="color:#002145;" | #00A7E1
 +
| style="vertical-align:bottom;" |
 +
| style="vertical-align:bottom;" |
 +
| style="vertical-align:bottom;" |
 +
| style="vertical-align:bottom;" |
 +
|-
 +
| style="vertical-align:bottom;" | Berkeley
 +
| #003262
 +
| style="vertical-align:bottom;" | #3B7EA1
 +
| style="vertical-align:bottom;" | #888888
 +
| style="vertical-align:bottom;" | #EEEEEE
 +
| style="vertical-align:bottom;" | #FDB515
 +
| style="vertical-align:bottom;" | #C4820E
 +
|-
 +
| style="vertical-align:bottom;" | Imperial
 +
| style="vertical-align:bottom;" | #002147
 +
| style="vertical-align:bottom;" | #003E74
 +
| #9D9D9D
 +
| #EBEEEE
 +
| style="vertical-align:bottom;" |
 +
| style="vertical-align:bottom;" | #EC7300
 +
|- style="vertical-align:bottom;"
 +
| Rice
 +
| #00205B
 +
| #ADC7DC
 +
| #7C7E7F
 +
| #E0E2E6
 +
| #E9A139
 +
|
 +
|- style="vertical-align:bottom;"
 +
| Georgetown
 +
| #041E42
 +
| #003DA5
 +
| #63666A
 +
| #BBBCBC
 +
|
 +
|
 +
|- style="font-weight:bold; vertical-align:bottom;"
 +
| Average
 +
| #00234F
 +
| #2E7BB1
 +
| #818283
 +
| #DDDEDF
 +
| #F3AB27
 +
| #DE7904
 +
|}
 +
 
 +
Note that UBC has hex codes and RBG codes that don't match. I used the hex codes. A spreadsheet doing the math is in E:\projects\WebDesign\Colors.xlsx
 +
 
 +
==Icons==
 +
 
 +
There are some very good icon repositories online. I used https://remixicon.com/, which provides icons under the Apache license. Specifically, I chose (show in 48px):
 +
*[[File:Book-open-fill.svg]] book-open
 +
*[[File:user-3-fill.svg]] user-3
 +
*[[File:Settings-5-fill.svg]] settings-5
 +
 
 +
==See also==
 +
 
 +
The [[McNair Center Branding]] used a variant on the Baker Institute's colors, which had obvious issues.

Latest revision as of 13:04, 18 September 2020

Palette

Color Name Dark Blue Light Blue Dark Grey Light Grey Gold Orange
Color
Hex Code #00234F #2E7BB1 #818283 #DDDEDF #F3AB27 #DE7904
RGB 0,35,79 46,123,177 129,130,131 221,222,223 243,171,39 222,121,4

Inspiration

The colors are inspired in part by my universities:

University Dark Blue Light Blue Dark Grey Light Grey Gold Orange
UCL #EA7600
UBC #002145 #00A7E1
Berkeley #003262 #3B7EA1 #888888 #EEEEEE #FDB515 #C4820E
Imperial #002147 #003E74 #9D9D9D #EBEEEE #EC7300
Rice #00205B #ADC7DC #7C7E7F #E0E2E6 #E9A139
Georgetown #041E42 #003DA5 #63666A #BBBCBC
Average #00234F #2E7BB1 #818283 #DDDEDF #F3AB27 #DE7904

Note that UBC has hex codes and RBG codes that don't match. I used the hex codes. A spreadsheet doing the math is in E:\projects\WebDesign\Colors.xlsx

Icons

There are some very good icon repositories online. I used https://remixicon.com/, which provides icons under the Apache license. Specifically, I chose (show in 48px):

  • Book-open-fill.svg book-open
  • User-3-fill.svg user-3
  • Settings-5-fill.svg settings-5

See also

The McNair Center Branding used a variant on the Baker Institute's colors, which had obvious issues.

Retrieved from "http://www.edegan.com/mediawiki/index.php?title=Branding&oldid=26903"