{"id":312,"date":"2020-08-27T11:11:24","date_gmt":"2020-08-27T17:11:24","guid":{"rendered":"https:\/\/www.engr.colostate.edu\/operations\/communications\/?page_id=312"},"modified":"2024-11-18T11:01:23","modified_gmt":"2024-11-18T18:01:23","slug":"design","status":"publish","type":"page","link":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/","title":{"rendered":"Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"312\" class=\"elementor elementor-312\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-086da4a elementor-section-full_width elementor-section-height-min-height elementor-section-items-bottom elementor-section-height-default\" data-id=\"086da4a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bd36576\" data-id=\"bd36576\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f89111 elementor-widget elementor-widget-heading\" data-id=\"3f89111\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-xl\">Design<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ccca731 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ccca731\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2e43925\" data-id=\"2e43925\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b0f5bca elementor-widget elementor-widget-heading\" data-id=\"b0f5bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The 2025 College Brand is coming soon!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af83b26 elementor-widget elementor-widget-heading\" data-id=\"af83b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Brand information and guidelines listed here will be updated to the college's new Visual Brand Language in 2025.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eeac837 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eeac837\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d359987\" data-id=\"d359987\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4978d261 intro elementor-widget elementor-widget-text-editor\" data-id=\"4978d261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We want our visitors to have the best experience possible, and to do that we need to ensure our designs are professional, consistent, and reach the level of excellence the College stands for.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4832c52 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4832c52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#web\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Web design and layout<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#typography\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Web typography<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#print\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Print typography<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#objects\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-down\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Web objects<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-circle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Style Guide<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe6b2f8 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fe6b2f8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f834b4f\" data-id=\"f834b4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c432618 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c432618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e6bc85b\" data-id=\"e6bc85b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf70013 elementor-widget elementor-widget-heading\" data-id=\"bf70013\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Our design objectives<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cdf6832\" data-id=\"cdf6832\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0919ecf elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0919ecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8b15d6d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8b15d6d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-00e68af\" data-id=\"00e68af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9c2fd2 elementor-widget elementor-widget-text-editor\" data-id=\"f9c2fd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For all of our materials, from the most complex printed booklet to a simple webpage, we create clean designs and craft useful content. Good designs demonstrate accessibility, professionalism, and consistency, and tell our story in engaging ways.<\/p><p>We have a number of objectives we keep in mind to create well-designed materials:<\/p><ul><li>Consistent use of our brand standards, including logos, colors, typography, and writing styles<\/li><li>An understanding of the differences between print and web design requirements, including responsive design for both mobile and desktop experiences<\/li><li>Using the highest quality photography and images throughout our platforms<\/li><li>Good use of open\/empty space to highlight content through the use of proper margins and padding<\/li><li>An understanding of different interface requirements for mobile, desktop, and accessibility differences<\/li><li>A consistently flatter, shadowless design based on modern design practices<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-beaf366\" data-id=\"beaf366\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f262266 elementor-widget elementor-widget-gallery\" data-id=\"f262266\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;columns&quot;:2,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:36,&quot;sizes&quot;:[]},&quot;aspect_ratio&quot;:&quot;16:9&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/08\/RW-canvas-banner-RLC-welcome-0820-768x432.jpg\" data-width=\"768\" data-height=\"432\" aria-label=\"Ram Welcome Canvas banner ERLC\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/05\/wscoe-siteCapture2-768x577.jpg\" data-width=\"768\" data-height=\"577\" aria-label=\"screenshot of college orientation web page\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/05\/pre-orientation-checklist-2020-v4.jpg\" data-width=\"619\" data-height=\"801\" aria-label=\"pre-orientation checklist 2020\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/05\/wscoe-eng-student-awards-v4-768x461.png\" data-width=\"768\" data-height=\"461\" aria-label=\"2020 Engineering Student Recognition Ceremony header\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3936b6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3936b6\" data-element_type=\"section\" data-e-type=\"section\" id=\"web\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7a42bf3\" data-id=\"7a42bf3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4cc325e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4cc325e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1e9ff25\" data-id=\"1e9ff25\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-098f3ab elementor-widget elementor-widget-heading\" data-id=\"098f3ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Web design and layout<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-41c088a\" data-id=\"41c088a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-91e143b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"91e143b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a0ba28a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a0ba28a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0913c7f\" data-id=\"0913c7f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56b0e4a6 elementor-widget elementor-widget-heading\" data-id=\"56b0e4a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsive Web design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21cb977b elementor-widget elementor-widget-text-editor\" data-id=\"21cb977b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Modern web experiences are based on the idea that the content will be responsive to whatever device it is being viewed with. The design adapts to different sizes immediately, changing the user&#8217;s experience no matter if they are on a small phone, a medium tablet, or a huge monitor. Hard and defined measures, like pixels for widths, do not work well in an adaptive environment.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-082b7d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"082b7d6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-ead48c2\" data-id=\"ead48c2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e0284a elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"3e0284a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mobile-alt\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-88875ad\" data-id=\"88875ad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cfb3ffe elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"cfb3ffe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-tablet-alt\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-e449a50\" data-id=\"e449a50\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f5d648 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"3f5d648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-desktop\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-113af73 elementor-widget elementor-widget-text-editor\" data-id=\"113af73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mobile responsiveness is especially important to both how our users interact with our websites and how Google ranks us. Users want a consistent, professional interface, and content that fails to respond to their needs will force them away from our websites. Google also ranks sites that are responsive higher than those that are not, often going so far as penalizing websites that do not offer mobile-friendly experiences.\u00a0<\/p><p>Our platforms utilize a responsive design for consistency, accessibility, and adaptability. All content on any of our platforms must be ready for a responsive environment, and have the ability to be viewed correctly at any size.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9bdae86\" data-id=\"9bdae86\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61aa187a elementor-widget elementor-widget-heading\" data-id=\"61aa187a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Accessible Web Design<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1673215b elementor-widget elementor-widget-text-editor\" data-id=\"1673215b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<figure id=\"attachment_263\" aria-describedby=\"caption-attachment-263\" style=\"width: 150px\" class=\"wp-caption alignright\"><img decoding=\"async\" class=\"wp-image-263 size-thumbnail\" src=\"https:\/\/www.engr.colostate.edu\/operations\/wp-content\/uploads\/2017\/12\/tritanopia-150x150.png\" alt=\"Blue-yellow color blindness, tritanopia\" width=\"150\" height=\"150\" \/><figcaption id=\"caption-attachment-263\" class=\"wp-caption-text\">Blue-yellow color blindness, tritanopia<\/figcaption><\/figure><p>It is important for our entire audience to be able to view our content, no matter what situation they are in.<\/p><p>We want our content to be accessible, and this Guidebook sets standards for how we achieve those inclusive goals:<\/p><ul><li><a href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/accessibility\/\" rel=\"noopener\">Accessibility Guidelines<\/a><\/li><li><a href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/color\/\" rel=\"noopener\">Color Disabilities and Accessibility<\/a><\/li><li><a href=\"https:\/\/www.w3.org\/TR\/WCAG20\/\" target=\"_blank\" rel=\"noopener\">W3C Web Content Accessibility Guidelines (WCAG)<\/a><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca85daf elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca85daf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-441bf82\" data-id=\"441bf82\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ab08de4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ab08de4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bcddd6a\" data-id=\"bcddd6a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-710b150b elementor-widget elementor-widget-menu-anchor\" data-id=\"710b150b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"typography\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99a4cf1 elementor-widget elementor-widget-heading\" data-id=\"99a4cf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Web typography<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-d97111f\" data-id=\"d97111f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7f59a47 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"7f59a47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5f65a2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5f65a2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-a51de7c\" data-id=\"a51de7c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c0db189 elementor-widget elementor-widget-text-editor\" data-id=\"5c0db189\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Header and Paragraph Styles<\/h3><ul><li>Design, content, and SEO best practices recommend breaking up longer portions of text with header text.<\/li><li>HTML headers are designed to work in descending order, from a larger H1 header at the top of the page down to H3 or H4 for smaller subheaders.<\/li><\/ul><p>Header styles are different than paragraph text styles, in both how they look and how Google treats them.<\/p><ul><li>Paragraph text is not typically capitalized over entire sentences, only with acronyms.<\/li><li>Google treats paragraph text as actual content, but treats headers as separators between content.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4c17285\" data-id=\"4c17285\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b06926d elementor-widget elementor-widget-text-editor\" data-id=\"1b06926d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: center;\">H1 Header<\/h1><h2 style=\"text-align: center;\">H2 Header<\/h2><h3 style=\"text-align: center;\">H3 Header<\/h3><h4 style=\"text-align: center;\">H4 Header<\/h4><p style=\"text-align: center;\">Paragraph text<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b14537a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b14537a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5490c7d\" data-id=\"5490c7d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fcabd9f elementor-widget elementor-widget-text-editor\" data-id=\"fcabd9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Fonts &amp; Links<\/h3><p>The Proxima Nova family of fonts is the default font for all our websites, based on the <a href=\"http:\/\/brand.colostate.edu\/d\/sLlipb6y2ZT4\/colorado-state-university-style-guide#\/style-guide\/web-guidelines\" target=\"_blank\" rel=\"noopener\">Colorado State University Style Guide<\/a>. All of our text, headers, and other typographical use Proxima Nova in various weights.<\/p><ul><li>Based on our accessibility standards, we avoid using text embedded in images wherever possible.<\/li><li>If embedded text is required, typography must continue to follow brand standards and <a href=\"https:\/\/www.engr.colostate.edu\/operations\/style-content-guidebook\/accessibility-standards\/#accessible\">alt tags<\/a> must be used.<\/li><li>Links on our pages are indicated by dotted underlines, set in CSU Gold, and are not otherwise bolded or differently colored than other text.<\/li><li>Link settings are written in our CSS, and can only be changed by Web Operations or Communications.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a97f4d4\" data-id=\"a97f4d4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9f73f46 elementor-widget elementor-widget-text-editor\" data-id=\"9f73f46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h1 style=\"text-align: center;\">H1 Proxima Nova<\/h1><h2 style=\"text-align: center;\">H2 Proxima Nova<\/h2><h3 style=\"text-align: center;\">H3 Proxima Nova<\/h3><h4 style=\"text-align: center;\">H4 Proxima Nova<\/h4><p style=\"text-align: center;\">Proxima Nova paragraph text<\/p><p style=\"text-align: center;\"><a href=\"https:\/\/www.engr.colostate.edu\/\" target=\"_blank\" rel=\"noopener\">Proxima Nova link text<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c4b64e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4c4b64e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a5cdaf0\" data-id=\"a5cdaf0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18cbdbe elementor-widget elementor-widget-text-editor\" data-id=\"18cbdbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4>Font size<\/h4><ul><li>For accessibility, our guidelines require clear readability when it comes to selecting a font size.<\/li><li><a href=\"https:\/\/www.w3.org\/TR\/CSS21\/fonts.html#font-size-props\" target=\"_blank\" rel=\"noopener\">WCAG standards<\/a> require that font sizes should not be lower than 9 pixels, and in most cases should be higher.<\/li><li>The chart to the right represents different font sizes.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fa84dc8\" data-id=\"fa84dc8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c4bbcdd elementor-widget elementor-widget-text-editor\" data-id=\"c4bbcdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Paragraph text, brand default 16 px<\/p><p style=\"text-align: center; font-size: 12px;\">Paragraph text, 12 px<\/p><p style=\"text-align: center; font-size: 10px;\">Paragraph text, 10 px<\/p><p style=\"text-align: center; font-size: 9px;\">Paragraph text, 9 px<\/p><hr style=\"width: 80%; text-align: center; margin: auto; border-top: solid thin #c8c372;\" \/><p style=\"text-align: center; font-size: 8px;\">Paragraph text, 8 px<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce96266 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce96266\" data-element_type=\"section\" data-e-type=\"section\" id=\"print\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2f46e32\" data-id=\"2f46e32\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02eddfc elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"02eddfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1014467\" data-id=\"1014467\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b088e4 elementor-widget elementor-widget-heading\" data-id=\"8b088e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Print typography<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-892c6f7\" data-id=\"892c6f7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fed809f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fed809f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f43b240 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f43b240\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f011a74\" data-id=\"f011a74\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-79b75ee2 elementor-widget elementor-widget-text-editor\" data-id=\"79b75ee2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our print typography standards are based on the <a href=\"http:\/\/brand.colostate.edu\/d\/sLlipb6y2ZT4\/colorado-state-university-style-guide#\/style-guide\/typography\" target=\"_blank\" rel=\"noopener\">Colorado State University Style Guide<\/a>. Fonts work differently in print than they do in an online environment, and our print brand standards use both serif and sans-serif fonts.<\/p><ul><li><p><strong>Primary Headlines:<\/strong> <br \/>Vitesse Bold<\/p><\/li><li><p><strong>Secondary Headlines:<br \/><\/strong> Proxima Nova<\/p><\/li><li><p><strong>Body Copy:<\/strong> <br \/>Proxima Nova, Elena<\/p><\/li><\/ul><p>Fonts can be purchased for use through University Communications.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-82f8cfe\" data-id=\"82f8cfe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ae96045 elementor-widget elementor-widget-image\" data-id=\"ae96045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"599\" height=\"305\" src=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/09\/wscoe-print-typography-sample.jpg\" class=\"attachment-large size-large wp-image-473\" alt=\"\" srcset=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/09\/wscoe-print-typography-sample.jpg 599w, https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/09\/wscoe-print-typography-sample-300x153.jpg 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d78e1e2 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d78e1e2\" data-element_type=\"section\" data-e-type=\"section\" id=\"objects\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-b7a5adc\" data-id=\"b7a5adc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5733b46 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5733b46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-30f983a\" data-id=\"30f983a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-478b204 elementor-widget elementor-widget-heading\" data-id=\"478b204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Web objects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-518c204\" data-id=\"518c204\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd8c55d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fd8c55d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f4dc26b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f4dc26b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0305141\" data-id=\"0305141\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00fd1eb elementor-widget elementor-widget-heading\" data-id=\"00fd1eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">These general guidelines depend strongly on the individual design and layout of the page, and are suggested defaults. Generally speaking, objects should always adapt to their environments, instead of duplicating for different modes, using modern settings such as em\/rem or viewport measurements (vh, vw, etc.).<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-afc6edd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"afc6edd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4694fd5\" data-id=\"4694fd5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51a4945a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"51a4945a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1277745 elementor-widget elementor-widget-text-editor\" data-id=\"1277745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\">Horizontal Rules\/Lines<\/h3><p style=\"text-align: center;\">80% width<br \/>Color: CSU Gold<br \/>Weight: 1px<br \/>Centered<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d864086\" data-id=\"d864086\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd2488b elementor-widget elementor-widget-spacer\" data-id=\"bd2488b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69093a7f elementor-widget elementor-widget-text-editor\" data-id=\"69093a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\">Border\/Box<\/h3><p style=\"text-align: center;\">Border Color: CSU Gold<br \/>Border Weight: 1px<br \/>Background Color: #f7f7f7<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bfa008f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bfa008f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4875816\" data-id=\"4875816\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db3712f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"db3712f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0869607 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0869607\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5b5532c\" data-id=\"5b5532c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4acf48d1 elementor-button-success elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4acf48d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-address-card\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-273aa4d2 elementor-widget elementor-widget-text-editor\" data-id=\"273aa4d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\">Buttons<\/h3><p style=\"text-align: center;\">Width depends on usage<br \/>High visibility for accessibility<br \/>Squared edges<br \/>Background Color: CSU Green<br \/>Text\/Icon Color: White (#ffffff)<br \/>Reversed color choices in some cases<br \/>Border: CSU Gold, 1px<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a3a647e\" data-id=\"a3a647e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4009f2df elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4009f2df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-twitter\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-user\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-assistive-listening-systems\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70840f23 elementor-widget elementor-widget-text-editor\" data-id=\"70840f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3 style=\"text-align: center;\">Icons<\/h3><p>The Elementor Page Builder plugin used by the College sets a default size for icons which is typically acceptable. Icon size should be consistent with the size of the content around it if a different size is needed.<\/p><p>Color choice varies by design and requirements, but should default to either CSU Gold or CSU Green.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design The 2025 College Brand is coming soon! Brand information and guidelines listed here will be updated to the college&#8217;s new Visual Brand Language in 2025. We want our visitors to have the best experience possible, and to do that we need to ensure our designs are professional, consistent, and reach the level of excellence<a class=\"read-more\" href=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/\">&#8230;Read more <\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":279,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-312","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design - Communications<\/title>\n<meta name=\"description\" content=\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\" \/>\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.engr.colostate.edu\/operations\/communications\/style-guide\/design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design - Communications\" \/>\n<meta property=\"og:description\" content=\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/\" \/>\n<meta property=\"og:site_name\" content=\"Communications\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-18T18:01:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/screenshot-engexpday-600px.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"306\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/\",\"name\":\"Design - Communications\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/tritanopia-150x150.png\",\"datePublished\":\"2020-08-27T17:11:24+00:00\",\"dateModified\":\"2024-11-18T18:01:23+00:00\",\"description\":\"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/tritanopia-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/wp-content\\\/uploads\\\/2017\\\/12\\\/tritanopia-150x150.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style Guide\",\"item\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/style-guide\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#website\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\",\"name\":\"Communications\",\"description\":\"Walter Scott, Jr. College of Engineering\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#organization\",\"name\":\"Communications, Walter Scott, Jr. College of Engineering\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/SCOE-CSU-2-C357.png\",\"contentUrl\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/SCOE-CSU-2-C357.png\",\"width\":494,\"height\":272,\"caption\":\"Communications, Walter Scott, Jr. College of Engineering\"},\"image\":{\"@id\":\"https:\\\/\\\/www.engr.colostate.edu\\\/operations\\\/communications\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design - Communications","description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","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.engr.colostate.edu\/operations\/communications\/style-guide\/design\/","og_locale":"en_US","og_type":"article","og_title":"Design - Communications","og_description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","og_url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/","og_site_name":"Communications","article_modified_time":"2024-11-18T18:01:23+00:00","og_image":[{"width":306,"height":600,"url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/screenshot-engexpday-600px.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/","name":"Design - Communications","isPartOf":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/#primaryimage"},"image":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.engr.colostate.edu\/operations\/wp-content\/uploads\/2017\/12\/tritanopia-150x150.png","datePublished":"2020-08-27T17:11:24+00:00","dateModified":"2024-11-18T18:01:23+00:00","description":"As a part of CSU, the Communications team for the Walter Scott, Jr. College of Engineering provides communications and marketing support for our students, faculty, staff, and departments.","breadcrumb":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/#primaryimage","url":"https:\/\/www.engr.colostate.edu\/operations\/wp-content\/uploads\/2017\/12\/tritanopia-150x150.png","contentUrl":"https:\/\/www.engr.colostate.edu\/operations\/wp-content\/uploads\/2017\/12\/tritanopia-150x150.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.engr.colostate.edu\/operations\/communications\/"},{"@type":"ListItem","position":2,"name":"Style Guide","item":"https:\/\/www.engr.colostate.edu\/operations\/communications\/style-guide\/"},{"@type":"ListItem","position":3,"name":"Design"}]},{"@type":"WebSite","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#website","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/","name":"Communications","description":"Walter Scott, Jr. College of Engineering","publisher":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.engr.colostate.edu\/operations\/communications\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#organization","name":"Communications, Walter Scott, Jr. College of Engineering","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#\/schema\/logo\/image\/","url":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/SCOE-CSU-2-C357.png","contentUrl":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-content\/uploads\/sites\/6\/2020\/07\/SCOE-CSU-2-C357.png","width":494,"height":272,"caption":"Communications, Walter Scott, Jr. College of Engineering"},"image":{"@id":"https:\/\/www.engr.colostate.edu\/operations\/communications\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":36,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/312\/revisions"}],"predecessor-version":[{"id":1521,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/312\/revisions\/1521"}],"up":[{"embeddable":true,"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/pages\/279"}],"wp:attachment":[{"href":"https:\/\/www.engr.colostate.edu\/operations\/communications\/wp-json\/wp\/v2\/media?parent=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}