Difference between revisions of "Branding"

From edegan.com
Jump to navigation Jump to search
 
(3 intermediate revisions by the same user not shown)
Line 114: Line 114:
  
 
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
 
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==
 
==See also==
  
 
The [[McNair Center Branding]] used a variant on the Baker Institute's colors, which had obvious issues.
 
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.