{"id":182,"date":"2022-02-01T13:04:06","date_gmt":"2022-02-01T18:04:06","guid":{"rendered":"https:\/\/www.ramapo.edu\/brand\/?page_id=182"},"modified":"2022-03-22T09:21:39","modified_gmt":"2022-03-22T13:21:39","slug":"web-digital","status":"publish","type":"page","link":"https:\/\/www.ramapo.edu\/brand\/web-digital\/","title":{"rendered":"Web &#038; Digital"},"content":{"rendered":"<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 col-lg-8\">\n<p>As the most sought out resource for information, it is important Ramapo College&#8217;s website reflects the College&#8217;s brand. Now more than ever, the College&#8217;s outreach efforts are performed digitally through digital ad banners and email campaigns\/newsletters leading back to the College&#8217;s website.<\/p>\n<p>Below, find important information related to major elements of our website and digital media. As the website continues to grow and evolve, this guide may be updated to reflect those changes.<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<div class=\"infoBox col-sm-12 col-lg-12 \"><div class=\"boxTitle\">Table of Contents <\/div><div class=\"boxContent\">\n<ul>\n<li><a href=\"#s1\">Website Color Use<\/a><\/li>\n<li><a href=\"#s2\">Typography<\/a><\/li>\n<li><a href=\"#s3\">Website Templates &amp; Grid<\/a><\/li>\n<li><a href=\"#s4\">Design Elements<\/a><\/li>\n<li><a href=\"#s5\">Digital Examples<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<h3><a id=\"s1\"><\/a>Website Color Use<\/h3>\n<p>Please reference the colors below for our website usage. These colors can also be used for quickly reference for digital applications but use may vary. For our official colors for both print and digital use, reference our <a href=\"https:\/\/www.ramapo.edu\/brand\/design-standards\/\">Design Standards page<\/a>.<\/p>\n<h4>Primary Colors<\/h4>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#862633\" width=\"100%\" height=\"150\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Maroon<br \/>\n<\/strong>HEX: #862633<br \/>\nRGB: 134 \/ 38 \/ 51<br \/>\nUse: Navigation, links<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#25282A\" width=\"100%\" height=\"150\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Cool Black<br \/>\n<\/strong>HEX: #25282A<br \/>\nRGB: 37 \/ 40 \/ 42<br \/>\nUse: footers, header text<\/p>\n<\/div>\n<\/div>\n<h4>Secondary Colors<\/h4>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#313436\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Cool Black (75%)<\/strong><br \/>\nHEX: #313436<br \/>\nRGB: 49 \/ 52 \/ 54<br \/>\nUse: body text<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#C41E1E\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Red<\/strong><br \/>\nHEX: #C41E1E<br \/>\nRGB: 196 \/ 30 \/ 39<br \/>\nUse: buttons, links<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#A42228\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Dark Red<br \/>\n<\/strong>HEX: #A42228<br \/>\nRGB: 164 \/ 34 \/ 40<br \/>\nUse: button hover<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#711421\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Dark Maroon<\/strong><br \/>\nHEX: #711421<br \/>\nRGB: 215 \/ 210 \/ 203<br \/>\nUse: background, accents<\/p>\n<\/div>\n<\/div>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#D7D2CB\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Warm Gray<\/strong><br \/>\nHEX: #D7D2CB<br \/>\nRGB: 215 \/ 210 \/ 203<br \/>\nUse: lines, rules, accents, backgrounds<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#EAE9E5\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Warm Gray (50%)<br \/>\n<\/strong>HEX: #EAE9E5<br \/>\nRGB: 234 \/ 233 \/ 229<br \/>\nUse: background<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#F3F3F1\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Warm Gray (25%)<\/strong><br \/>\nHEX: #F3F3F1<br \/>\nRGB: 215 \/ 210 \/ 203<br \/>\nUse: slider background, accents<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%; border: 1px solid #D7D2CB;\">\n<tbody>\n<tr>\n<td bgcolor=\"#FFF\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>White<\/strong><br \/>\nHEX: #FFF<br \/>\nRGB: 255 \/ 255 \/ 255<br \/>\nUse: background<\/p>\n<\/div>\n<\/div>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#CBA052\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Gold<\/strong><br \/>\nHEX: #CBA052<br \/>\nRGB: 203 \/ 160 \/ 82<br \/>\nUse: accents, background, 18+pt text on dark background<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#BC8C3D\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Dark Gold<br \/>\n<\/strong>HEX: #BC8C3D<br \/>\nRGB: 188 \/ 140 \/ 61<br \/>\nUse: accents, 18+pt text on white background<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<table style=\"width: 100%;\">\n<tbody>\n<tr>\n<td bgcolor=\"#DAC094\" width=\"100%\" height=\"125\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p align=\"top\"><strong>Gold (50%)<\/strong><br \/>\nHEX: #DAC094<br \/>\nRGB: 218 \/ 192 \/ 148<br \/>\nUse: background, text on dark background<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<\/div>\n<\/div>\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<h3><a id=\"s2\"><\/a>Typography<\/h3>\n<p>Ramapo.edu uses two font sets &#8211; Sarabun and Oswald (which are Google fonts). Oswald is primarily used for headlines, while Sarabun is used for headlines, body content, and calls to action. Arial and Impact may be used on web applications that do not allow the use of Google fonts (example: Mailchimp).<\/p>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<div class=\"infoBox col-sm-12 col-lg-12  whiteBox\"><div class=\"boxTitle\">Headers, Body Copy<\/div><div class=\"boxContent\">\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-244\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png\" alt=\"Sarabun font example\" width=\"349\" height=\"130\" srcset=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png 540w, https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font-300x112.png 300w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/h4>\n<p>System alternative: <span style=\"font-family: Arial, Helvetica, 'sans-serif';\">Arial<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<div class=\"infoBox col-sm-12 col-lg-12  whiteBox\"><div class=\"boxTitle\">Headers<\/div><div class=\"boxContent\">\n<h4><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-243\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Oswald-font.png\" alt=\"Oswald font example\" width=\"300\" height=\"130\" srcset=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Oswald-font.png 462w, https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Oswald-font-300x130.png 300w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h4>\n<p>System alternative: <span style=\"font-family: Impact, 'sans-serif';\">Impact<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<div class=\"collapsableContent\" tabindex=\"0\"><div class=\"collapsableTitle\"><span class=\"fa-stack\"><i class=\"fa fa-circle fa-stack-2x\"><\/i><i class=\"fa fa-chevron-down fa-stack-1x fa-inverse\"><\/i><i class=\"fa fa-chevron-up fa-stack-1x fa-inverse\"><\/i><\/span>Website Content Page - Style Details<\/div><div class=\"c_content\">\n<h4 class=\"p2\">Website Content Page &#8211; Content Area<\/h4>\n<p>Below is a list of styles primarily used in the Content Page template of the website.<\/p>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<p class=\"p3\"><strong>H1 (Page Title)<br \/>\n<\/strong>color: #25282A;<br \/>\nfont-family: &#8220;Oswald&#8221;;<br \/>\nfont-size: 50px<br \/>\nfont-weight: normal;<br \/>\nline-height: 1.1em;<\/p>\n<p class=\"p3\"><strong>H3 (Content Heading)<br \/>\n<\/strong>color: #25282A<br \/>\nfont-family: &#8220;Sarabun&#8221;;<br \/>\nfont-size: 26px<br \/>\nfont-weight: 800 (Extra Bold)<br \/>\nline-height: 35px<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<p class=\"p3\"><strong>H4 (Content Heading 2)<br \/>\n<\/strong>color: #862633;<br \/>\nfont-family: &#8220;Oswald&#8221;;<br \/>\nfont-size: 24px;<br \/>\nline-height: 32px;<\/p>\n<p class=\"p3\"><strong>P (Content)<br \/>\n<\/strong>color: #313436;<br \/>\nfont-family: &#8220;Sarabun&#8221;;<br \/>\nfont-size: 17px;<br \/>\nline-height: 26px;<br \/>\nlink color: #C41E1E<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<h3><a id=\"s3\"><\/a>Website Templates &amp; Grid<\/h3>\n<p>Most of the public website (ramapo.edu) uses 3 main templates, with components working together to create variations. The website uses a 12-column responsive grid to ensure the layout works across all devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-336\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/12-column-grid-example.png\" alt=\"12-Column grid example\" width=\"375\" height=\"540\" srcset=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/12-column-grid-example.png 600w, https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/12-column-grid-example-209x300.png 209w\" sizes=\"auto, (max-width: 375px) 100vw, 375px\" \/><\/p>\n<h4>Homepage<\/h4>\n<p>Ramapo.edu uses a single column homepage layout to drive users to key areas of the website. This single column format allows for new rows of content to be added when needed.<\/p>\n<h4>Landing Page<\/h4>\n<p>Think of landing pages as homepages with more of a focus (ie: an Admissions homepage, Academics homepage, etc). They act as a jumping off point to content pages nested within each section.<\/p>\n<h4 class=\"p1\">Content Page<\/h4>\n<p class=\"p2\">The backbone of Ramapo.edu, content pages make up the majority of the site. Components are used to create variations of this template, but the core layout consists of a left navigation column with callouts, and a main content area.<\/p>\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<h3 class=\"p1\"><a id=\"s4\"><\/a>Design Elements<\/h3>\n<p class=\"p1\">Our website contains many different elements throughout its templates, but the most common and crucial to proper content management are listed below. These elements are primarily used within content page templates, but can be used in landing page or unique templates when necessary.<\/p>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 col-lg-7\">\n<h4 class=\"p1\">Buttons<\/h4>\n<p class=\"p2\">Standard content template buttons use a red background (#C41E1E) with a darker red hover (#A42228). Keep button labels concise.<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<p><a class=\"btn\" href=\"#\">Apply Now<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"row colSet\">\n<div class=\"sColumn col-sm-12 col-md-12 col-lg-7\">\n<h4 class=\"p1\">Content Dividers (on website)<\/h4>\n<p class=\"p2\">Standard content templates use an Arch-themed divider to separate content. Dividers are best used between the end of a paragraph and beginning of a content heading.<\/p>\n<\/div>\n<div class=\"sColumn col-sm-12 col-md-12 \">\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<\/div>\n<\/div>\n<div class=\"divider\"><img decoding=\"async\" src=\"\/wp-content\/themes\/rcnjrd\/images\/icons\/ramapo-arch-icom_rule.png\" alt=\"Ramapo\" \/><\/div>\n<h3><a id=\"s5\"><\/a>Digital Examples<\/h3>\n<div id=\"jig1\" class=\"justified-image-grid jig-6cd2f276505071ddcb173697b18729b3 jig-preset-4 jig-source-wp-gallery\"><div class=\"jig-clearfix\"><\/div><noscript id=\"jig1-html\" class=\"justified-image-grid-html\" data-lazy-src=\"skiplazyload\" data-src=\"skipunveillazyload\"><ul><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频-Homepage-2022-702x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频-Homepage-2022-702x1024.png\" alt=\"九色视频-Homepage-2022\" width=\"229\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">九色视频-Homepage-2022<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/admission-email-template-717x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/admission-email-template-717x1024.png\" alt=\"admission-email-template\" width=\"234\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">admission-email-template<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Giving-2022-870x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Giving-2022-870x1024.png\" alt=\"九色视频_Giving-2022\" width=\"284\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">九色视频_Giving-2022<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/EMAIL-Fall-2022-Graduate-Campaign-Message-4-720x1024.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/EMAIL-Fall-2022-Graduate-Campaign-Message-4-720x1024.jpg\" alt=\"EMAIL-Fall-2022-Graduate-Campaign-Message-4\" width=\"235\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">EMAIL-Fall-2022-Graduate-Campaign-Message-4<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Giving_Day-of-Giving-2022-691x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Giving_Day-of-Giving-2022-691x1024.png\" alt=\"九色视频_Giving_Day-of-Giving-2022\" width=\"226\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">九色视频_Giving_Day-of-Giving-2022<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Adult-Students-Degree-2022-683x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频_Adult-Students-Degree-2022-683x1024.png\" alt=\"九色视频_Adult Students Degree -2022\" width=\"223\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">九色视频_Adult Students Degree -2022<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频-MBA_2022-473x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/九色视频-MBA_2022-473x1024.png\" alt=\"九色视频-MBA_2022\" width=\"154\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">九色视频-MBA_2022<\/p><\/li><li><a href=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/EMAIL-Fall-2022-Graduate-Campaign-Message-2-e1646935208252-591x1024.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/EMAIL-Fall-2022-Graduate-Campaign-Message-2-e1646935208252-591x1024.png\" alt=\"EMAIL-Fall-2022-Graduate-Campaign-Message-2\" width=\"193\" height=\"335\" \/><\/a><p class=\"jig-HTMLdescription\">EMAIL-Fall-2022-Graduate-Campaign-Message-2<\/p><\/li><\/ul><\/noscript><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website Color Use Please reference the colors below for our website usage. These colors can also be used for quickly reference for digital applications but use may vary. For our official colors for both print and digital use, reference our Design Standards page. Primary Colors Secondary Colors Typography Ramapo.edu uses two font sets &#8211; Sarabun [&hellip;]<\/p>\n","protected":false},"author":457,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web &amp; Digital - Brand Guidelines || Ramapo College of New Jersey<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ramapo.edu\/brand\/web-digital\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web &amp; Digital\" \/>\n<meta property=\"og:description\" content=\"Website Color Use Please reference the colors below for our website usage. These colors can also be used for quickly reference for digital applications but use may vary. For our official colors for both print and digital use, reference our Design Standards page. Primary Colors Secondary Colors Typography Ramapo.edu uses two font sets &#8211; Sarabun [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ramapo.edu\/brand\/web-digital\/\" \/>\n<meta property=\"og:site_name\" content=\"Brand Guidelines\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RamapoCollege\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-22T13:21:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.ramapo.edu\/brand\/files\/2022\/03\/Sarabun-font.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ramapocollegenj\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/\",\"url\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/\",\"name\":\"Web & Digital - Brand Guidelines || Ramapo College of New Jersey\",\"isPartOf\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png\",\"datePublished\":\"2022-02-01T18:04:06+00:00\",\"dateModified\":\"2022-03-22T13:21:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ramapo.edu\/brand\/web-digital\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage\",\"url\":\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png\",\"contentUrl\":\"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png\",\"width\":540,\"height\":201,\"caption\":\"Sarabun font example\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/web-digital\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ramapo College of New Jersey Home Page \u00bb Marketing and Communications \u00bb Brand Guidelines\",\"item\":\"https:\/\/www.ramapo.edu\/brand\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web &#038; Digital\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#website\",\"url\":\"https:\/\/www.ramapo.edu\/brand\/\",\"name\":\"Brand Guidelines\",\"description\":\"Ramapo College of New Jersey Brand Guidelines\",\"publisher\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ramapo.edu\/brand\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#organization\",\"name\":\"Ramapo College of New Jersey\",\"url\":\"https:\/\/www.ramapo.edu\/brand\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ramapo.edu\/wp-content\/uploads\/2015\/10\/Ramapologo.png\",\"contentUrl\":\"https:\/\/www.ramapo.edu\/wp-content\/uploads\/2015\/10\/Ramapologo.png\",\"width\":224,\"height\":88,\"caption\":\"Ramapo College of New Jersey\"},\"image\":{\"@id\":\"https:\/\/www.ramapo.edu\/brand\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RamapoCollege\",\"https:\/\/x.com\/ramapocollegenj\",\"https:\/\/instagram.com\/ramapocollegenj\/\",\"https:\/\/www.linkedin.com\/edu\/school?id=18868\",\"https:\/\/www.pinterest.com\/ramapocollege\/\",\"http:\/\/www.youtube.com\/user\/ramapocollege\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web & Digital - Brand Guidelines || Ramapo College of New Jersey","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ramapo.edu\/brand\/web-digital\/","og_locale":"en_US","og_type":"article","og_title":"Web & Digital","og_description":"Website Color Use Please reference the colors below for our website usage. These colors can also be used for quickly reference for digital applications but use may vary. For our official colors for both print and digital use, reference our Design Standards page. Primary Colors Secondary Colors Typography Ramapo.edu uses two font sets &#8211; Sarabun [&hellip;]","og_url":"https:\/\/www.ramapo.edu\/brand\/web-digital\/","og_site_name":"Brand Guidelines","article_publisher":"https:\/\/www.facebook.com\/RamapoCollege","article_modified_time":"2022-03-22T13:21:39+00:00","og_image":[{"url":"http:\/\/www.ramapo.edu\/brand\/files\/2022\/03\/Sarabun-font.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@ramapocollegenj","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/","url":"https:\/\/www.ramapo.edu\/brand\/web-digital\/","name":"Web & Digital - Brand Guidelines || Ramapo College of New Jersey","isPartOf":{"@id":"https:\/\/www.ramapo.edu\/brand\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage"},"image":{"@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png","datePublished":"2022-02-01T18:04:06+00:00","dateModified":"2022-03-22T13:21:39+00:00","breadcrumb":{"@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ramapo.edu\/brand\/web-digital\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/#primaryimage","url":"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png","contentUrl":"https:\/\/www.ramapo.edu\/brand\/wp-content\/uploads\/sites\/364\/2022\/03\/Sarabun-font.png","width":540,"height":201,"caption":"Sarabun font example"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ramapo.edu\/brand\/web-digital\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ramapo College of New Jersey Home Page \u00bb Marketing and Communications \u00bb Brand Guidelines","item":"https:\/\/www.ramapo.edu\/brand\/"},{"@type":"ListItem","position":2,"name":"Web &#038; Digital"}]},{"@type":"WebSite","@id":"https:\/\/www.ramapo.edu\/brand\/#website","url":"https:\/\/www.ramapo.edu\/brand\/","name":"Brand Guidelines","description":"Ramapo College of New Jersey Brand Guidelines","publisher":{"@id":"https:\/\/www.ramapo.edu\/brand\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ramapo.edu\/brand\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ramapo.edu\/brand\/#organization","name":"Ramapo College of New Jersey","url":"https:\/\/www.ramapo.edu\/brand\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ramapo.edu\/brand\/#\/schema\/logo\/image\/","url":"https:\/\/www.ramapo.edu\/wp-content\/uploads\/2015\/10\/Ramapologo.png","contentUrl":"https:\/\/www.ramapo.edu\/wp-content\/uploads\/2015\/10\/Ramapologo.png","width":224,"height":88,"caption":"Ramapo College of New Jersey"},"image":{"@id":"https:\/\/www.ramapo.edu\/brand\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RamapoCollege","https:\/\/x.com\/ramapocollegenj","https:\/\/instagram.com\/ramapocollegenj\/","https:\/\/www.linkedin.com\/edu\/school?id=18868","https:\/\/www.pinterest.com\/ramapocollege\/","http:\/\/www.youtube.com\/user\/ramapocollege"]}]}},"_links":{"self":[{"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/users\/457"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":18,"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"predecessor-version":[{"id":339,"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/pages\/182\/revisions\/339"}],"wp:attachment":[{"href":"https:\/\/www.ramapo.edu\/brand\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}