7,612
edits
Changes
Jump to navigation
Jump to search
→Icons
==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:#REDIRECT 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.
