Branding

From edegan.com
Jump to navigation Jump to search

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.