{"id":173,"date":"2019-08-24T08:05:57","date_gmt":"2019-08-24T12:05:57","guid":{"rendered":"http:\/\/www.marshall.edu\/website\/?page_id=173"},"modified":"2023-11-03T09:55:48","modified_gmt":"2023-11-03T13:55:48","slug":"colors","status":"publish","type":"page","link":"https:\/\/www.marshall.edu\/marsha\/colors\/","title":{"rendered":"Colors"},"content":{"rendered":"<p>There are several approved colors for use in online site designs that allow newly created content to remain consistent with the overall Marshall University branding. Marshall University Green (referred to here as primary green) should always stand front and center in visual communications. To accent and support the primary green, use black, white and\/or gray.<\/p>\n\n\t\n<div\n\t\tclass=\"bg-red-600 py-8 mb-6 last:mb-0 first:mt-0 mt-6 first:mb-8\"\n>\n\t<div class=\"w-full xl:container mx-auto px-4\">\n\t\t<div class=\"bg-white flex flex-col lg:flex-row items-start py-6 px-6 ring-4 ring-white\/10 rounded\">\n\n\t\t\t\t\t\t\t<div class=\"flex items-start justify-between shrink-0 mr-2\">\n\t\t\t\t\t<div class=\"text-gray-600 leading-none mt-0.5\"><svg data-slot=\"icon\" class=\"w-6 h-6\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"flex-1 mt-4 lg:ml-6 lg:mt-0 py-0 pt-4 lg:py-0 lg:px-6 border-t lg:border-t-0 lg:border-l border-gray-900\/10 font-semibold text-gray-900 no-img flex flex-col items-start\">\n\t\t\t\t<div class=\"flex-1\">This color palette is only provided for informational purposes. WordPress site administrators should <strong>never<\/strong> manually change the color of any items within WordPress. The colors of all items are controlled through the WordPress theme and is done so to ensure consistency across our network of University websites. If the University web team notices misuse of colors on your webpages, they will be corrected.<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<div class=\"marsha-row mt-4 mb-4 flex flex-wrap -mx-2 lg:-mx-6 mt-4 justify-start border-0 border-gray-100 first:mt-0\">\n\t\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #00AC3E\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Primary Green<\/div><div class=\"block mt-2 uppercase\">HEX #00AC3E<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #131716\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Black<\/div><div class=\"block mt-2 uppercase\">HEX #131716<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #ffffff\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">White<\/div><div class=\"block mt-2 uppercase\">HEX #ffffff<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #007129\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Darker Accent Green<\/div><div class=\"block mt-2 uppercase\">HEX #007129<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #028833\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Dark Accent Green<\/div><div class=\"block mt-2 uppercase\">HEX #028833<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #08cd4f\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Bright Accent Green<\/div><div class=\"block mt-2 uppercase\">HEX #08cd4f<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #fafffc\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Light Green<\/div><div class=\"block mt-2 uppercase\">HEX #fafffc<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #edeeee\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 100<\/div><div class=\"block mt-2 uppercase\">HEX #edeeee<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #cbcece\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 200<\/div><div class=\"block mt-2 uppercase\">HEX #cbcece<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #a9adad\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 300<\/div><div class=\"block mt-2 uppercase\">HEX #a9adad<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #868c8c\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 400<\/div><div class=\"block mt-2 uppercase\">HEX #868c8c<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #535c5c\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 500<\/div><div class=\"block mt-2 uppercase\">HEX #535c5c<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #3a4040\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 600<\/div><div class=\"block mt-2 uppercase\">HEX #3a4040<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #313737\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 700<\/div><div class=\"block mt-2 uppercase\">HEX #313737<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #212424\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 800<\/div><div class=\"block mt-2 uppercase\">HEX #212424<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #131716\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Gray 900<\/div><div class=\"block mt-2 uppercase\">HEX #131716<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #fee2e2\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Red 100<\/div><div class=\"block mt-2 uppercase\">HEX #fee2e2<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #ef4444\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Red 500<\/div><div class=\"block mt-2 uppercase\">HEX #ef4444<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #7f1d1d\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Red 900<\/div><div class=\"block mt-2 uppercase\">HEX #7f1d1d<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #925D49\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Brown<\/div><div class=\"block mt-2 uppercase\">HEX #925D49<\/div><\/div><\/div>\n<div class=\"w-1\/3 lg:w-1\/6 mb-4 px-2 lg:px-6 flex flex-col\"><div class=\"bg-black h-24\" style=\"background: #402d20\"><\/div><div class=\"mt-3 text-sm text-center leading-none uppercase\"><div class=\"block font-semibold\">Brown Dark<\/div><div class=\"block mt-2 uppercase\">HEX #402d20<\/div><\/div><\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>There are several approved colors for use in online site designs that allow newly created content to remain consistent with the overall Marshall University branding. Marshall University Green (referred to here as primary green) should always stand front and center in visual communications. To accent and support the primary green, use black, white and\/or gray.<\/p>\n","protected":false},"author":203,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sidebar-left.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":7,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":824,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/173\/revisions\/824"}],"wp:attachment":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}