{"id":7,"date":"2025-03-06T03:53:07","date_gmt":"2025-03-06T03:53:07","guid":{"rendered":"https:\/\/www.cru.org\/brand\/?page_id=7"},"modified":"2025-03-12T14:37:35","modified_gmt":"2025-03-12T14:37:35","slug":"visual-overview","status":"publish","type":"page","link":"https:\/\/www.cru.org\/brand\/visual-overview\/","title":{"rendered":"Visual Overview"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a94ce2 e-flex e-con-boxed e-con e-parent\" data-id=\"8a94ce2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-052953b elementor-widget elementor-widget-Page_Header\" data-id=\"052953b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Page_Header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"pt-12 md:pt-20 pb-16 md:pb-32 container flex flex-col gap-0\">\n            <div class=\"flex gap-2 border-t-4 border-black col-wrapper col-wrapper--keep-mobile font-bold text-base md:text-2xl mb-8 md:mb-32 pt-2 md:pt-4\">\n                <div>Cru<\/div>\n                <div>Identity Guidelines<\/div>\n            <\/div>\n\n            <div class=\"col-wrapper col-wrapper--keep-mobile font-extrabold text-3xl md:text-[104px] md:leading-normal text-white leading-6\">\n                <div>2<\/div>\n                <div>Visual Overview<\/div>\n            <\/div>\n\n                            <div class=\"mt-8\">\n                    <ul class=\"flex flex-col gap-1 md:gap-4\">\n                                                    <li class=\"\">\n                                <a href=\"#section-title-1\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">2.1<\/div>\n                                    <div class=\"font-light\">Overview<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-2\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">2.2<\/div>\n                                    <div class=\"font-light\">Art Direction<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-3\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">2.3<\/div>\n                                    <div class=\"font-light\">Fixed vs. Flexible<\/div>\n                                <\/a>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n            \n        <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c11b930 elementor-widget elementor-widget-Section_Title\" data-id=\"c11b930\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"container pt-16 md:pt-64 pb-8 md:pb-12\" id=\"section-title-1\">\n\n            <div class=\"flex gap-2 border-t-4 border-black col-wrapper col-wrapper--keep-mobile font-bold text-xl pt-4\">\n                                    <div class=\"\">\n                        2.1                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Overview                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Visual Overview                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40c9379 elementor-widget elementor-widget-Section_Text\" data-id=\"40c9379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"container\">\n\n                            <div class=\"col-wrapper\">\n                    <div class=\"\"><\/div>\n                    <div class=\"section-text-one\">\n                        <p>Cru\u2019s visual identity is a unified system comprising core elements such as brandmark, typography, and color, as well as extended expressions including supporting graphic elements and photography. This wide range of tools is designed to be flexible and expandable.<\/p><p>To effectively define the Cru brand, these core elements must be aligned across every touchpoint.<\/p>                    <\/div>\n                <\/div>\n                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e6f2ab7 elementor-widget elementor-widget-Section_Mix\" data-id=\"e6f2ab7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Mix.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"spacer spacer--32\" style=\"height: 32px;\"><\/div>\n                <div class=\"container section-mix\">\n            <div class=\"\">\n\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-4 auto-rows-max gap-[4px] md:gap-[8px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"675\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-4.webp\" class=\"w-full max-w-full\" alt=\"illustration 1\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-4.webp 675w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-4.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"675\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-5.webp\" class=\"w-full max-w-full\" alt=\"illustration 2\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-5.webp 676w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-5.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"675\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-6.webp\" class=\"w-full max-w-full\" alt=\"illustration 3\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-6.webp 675w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-6.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"675\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-7.webp\" class=\"w-full max-w-full\" alt=\"illustration 4\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-7.webp 676w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-7.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"675\" height=\"676\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-8.webp\" class=\"w-full max-w-full\" alt=\"illustration 5\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-8.webp 675w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-8.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 675px) 100vw, 675px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"676\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-9.webp\" class=\"w-full max-w-full\" alt=\"illustration 6\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-9.webp 676w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-9.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-10.webp\" class=\"w-full max-w-full\" alt=\"illustration 7\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-10.webp 1370w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-10.webp?resize=1024,505 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-10.webp?resize=768,378 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n        \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5274f2a elementor-widget elementor-widget-Section_Title\" data-id=\"5274f2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"container pt-16 md:pt-64 pb-8 md:pb-12\" id=\"section-title-2\">\n\n            <div class=\"flex gap-2 border-t-4 border-black col-wrapper col-wrapper--keep-mobile font-bold text-xl pt-4\">\n                                    <div class=\"\">\n                        2.2                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Art Direction                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Visual Overview                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-027256b elementor-widget elementor-widget-Section_Mix\" data-id=\"027256b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Mix.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"container section-mix\">\n            <div class=\"col-wrapper\">\n\n                                    <div class=\"flex flex-col gap-4 font-secondary text-base md:text-sm md:leading-5 font-light sidebar-content\">\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p>Our brand personality when we speak is wise, welcoming, and confident. Our corresponding brand look is bright, bold, and connected.<\/p><p>Refer to these three principles when designing for Cru and ensure they are being considered. Asking yourself or others, \u201cDoes this feel Bright, Bold and Connected?\u201d is a great way to enforce our brand and remain consistent with our vision.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-1 auto-rows-max gap-[4px] md:gap-[8px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"211\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-11.webp\" class=\"w-full max-w-full\" alt=\"illustration 1\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-11.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-11.webp?resize=1024,211 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-11.webp?resize=768,158 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-11.webp?resize=1536,316 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"211\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-2.webp\" class=\"w-full max-w-full\" alt=\"illustration 2\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-2.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-2.webp?resize=1024,211 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-2.webp?resize=768,158 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-2.webp?resize=1536,316 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"211\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-3.webp\" class=\"w-full max-w-full\" alt=\"illustration 3\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-3.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-3.webp?resize=1024,211 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-3.webp?resize=768,158 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-3.webp?resize=1536,316 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n        \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c20002e elementor-widget elementor-widget-Section_Title\" data-id=\"c20002e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"container pt-16 md:pt-64 pb-8 md:pb-12\" id=\"section-title-3\">\n\n            <div class=\"flex gap-2 border-t-4 border-black col-wrapper col-wrapper--keep-mobile font-bold text-xl pt-4\">\n                                    <div class=\"\">\n                        2.3                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Fixed vs. Flexible                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Visual Overview                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0821edc elementor-widget elementor-widget-Section_Text\" data-id=\"0821edc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"container\">\n\n            \n                <div class=\"flex flex-col md:flex-row gap-7 font-light text-sm leading-5\">\n                    <div class=\"md:w-1\/4\">\n                        <p>The Cru visual identity is a flexible system comprised of core elements such as the brandmark, typography, and color, as well as extended expressions including imagery, patterns, visual elements, and additional colors.<\/p>                    <\/div>\n                                                                        <div class=\"md:w-1\/4\">\n                                <p>These brand elements can be grouped into three groups: the fully fixed, the adjustable, and the fully flexible. Depending on what is being created, and the audience, more or less flexibility is permitted.<\/p>                            <\/div>\n                                                                                                <div class=\"md:w-1\/4\">\n                                <p>For example, wayfinding signage or anything very close to the parent brand should be created with fixed elements in mind. On the other hand, special-event materials or anything far from the parent brand would be created with flexible elements in mind.<\/p>                            <\/div>\n                                                                                                <div class=\"md:w-1\/4\">\n                                <p>Flexible elements are intended to change and evolve with the times. We see the flexible brand elements shown here as having a \u20285- to 10-year \u201cshelf life\u201d before they need to be refreshed.<\/p>                            <\/div>\n                                                            <\/div>\n                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a1281 elementor-widget elementor-widget-Section_Mix\" data-id=\"d3a1281\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Mix.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"spacer spacer--32\" style=\"height: 32px;\"><\/div>\n                <div class=\"container section-mix\">\n            <div class=\"\">\n\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-1 auto-rows-max gap-[8px] md:gap-[16px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"809\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp\" class=\"w-full max-w-full\" alt=\"illustration 1\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp 2760w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp?resize=863,682 863w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp?resize=768,607 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp?resize=1536,1213 1536w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/2-visual-overview-1.webp?resize=2048,1618 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--32\" style=\"height: 32px;\"><\/div>\n        \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4b2c65 elementor-widget elementor-widget-Section_Text\" data-id=\"a4b2c65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Section_Text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <div class=\"container\">\n\n            \n                <div class=\"flex flex-col md:flex-row gap-7 font-light text-sm leading-5\">\n                    <div class=\"md:w-1\/4\">\n                        <p>Fixed elements are the anchors of our brand and serve as the foundation of our visual recognition. They are the most precious and valuable assets and appear consistently throughout the system.<\/p>                    <\/div>\n                                                                        <div class=\"md:w-1\/4\">\n                                &nbsp;                            <\/div>\n                                                                                                <div class=\"md:w-1\/4\">\n                                &nbsp;                            <\/div>\n                                                                                                <div class=\"md:w-1\/4\">\n                                <p>Flexible elements are less precious and allow our brand to evolve and to stay relevant over time. They should be applied consistently and only changed with intention.<\/p>                            <\/div>\n                                                            <\/div>\n                    <\/div>\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c6f82c elementor-widget elementor-widget-Page_Footer\" data-id=\"5c6f82c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"Page_Footer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"py-16 md:py-32 container flex flex-col gap-0\">\n            <div class=\"flex gap-2 border-t-4 border-black col-wrapper col-wrapper--keep-mobile font-bold text-base md:text-2xl mb-[clamp(1rem,5vw,4rem)] pt-2 md:pt-4\">\n                <div>Next Chapter<\/div>\n            <\/div>\n            <div class=\"flex flex-col\">\n\n                \n                    <a href=\"https:\/\/www.cru.org\/brand\/logos\/\" class=\"!no-underline col-wrapper col-wrapper--keep-mobile font-extrabold text-2xl sm:text-3xl md:text-[80px] md:leading-[1.2] text-white leading-[1.1] hover:text-black\">\n                                                    <div>3<\/div>\n                                                <div>Logos<\/div>\n                    <\/a>\n\n                            <\/div>\n        <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cru Identity Guidelines 2 Visual Overview 2.1 Overview 2.2 Art Direction 2.3 Fixed vs. Flexible 2.1 Overview Visual Overview Cru\u2019s visual identity is a unified system comprising core elements such as brandmark, typography, and color, as well as extended expressions including supporting graphic elements and photography. This wide range of tools is designed to be [&hellip;]<\/p>\n","protected":false},"author":44043,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual Overview - Identity Guidelines | Cru<\/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.cru.org\/brand\/visual-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Overview - Identity Guidelines | Cru\" \/>\n<meta property=\"og:description\" content=\"Cru Identity Guidelines 2 Visual Overview 2.1 Overview 2.2 Art Direction 2.3 Fixed vs. Flexible 2.1 Overview Visual Overview Cru\u2019s visual identity is a unified system comprising core elements such as brandmark, typography, and color, as well as extended expressions including supporting graphic elements and photography. This wide range of tools is designed to be [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cru.org\/brand\/visual-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Identity Guidelines | Cru\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-12T14:37:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/2-visual-overview-4.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/\",\"url\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/\",\"name\":\"Visual Overview - Identity Guidelines | Cru\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/2-visual-overview-4.webp\",\"datePublished\":\"2025-03-06T03:53:07+00:00\",\"dateModified\":\"2025-03-12T14:37:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/2-visual-overview-4.webp\",\"contentUrl\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/2-visual-overview-4.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/visual-overview\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/#website\",\"url\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/\",\"name\":\"Identity Guidelines | Cru\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Overview - Identity Guidelines | Cru","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.cru.org\/brand\/visual-overview\/","og_locale":"en_US","og_type":"article","og_title":"Visual Overview - Identity Guidelines | Cru","og_description":"Cru Identity Guidelines 2 Visual Overview 2.1 Overview 2.2 Art Direction 2.3 Fixed vs. Flexible 2.1 Overview Visual Overview Cru\u2019s visual identity is a unified system comprising core elements such as brandmark, typography, and color, as well as extended expressions including supporting graphic elements and photography. This wide range of tools is designed to be [&hellip;]","og_url":"https:\/\/www.cru.org\/brand\/visual-overview\/","og_site_name":"Identity Guidelines | Cru","article_modified_time":"2025-03-12T14:37:35+00:00","og_image":[{"url":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/2-visual-overview-4.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cru.org\/brand\/visual-overview\/","url":"https:\/\/www.cru.org\/brand\/visual-overview\/","name":"Visual Overview - Identity Guidelines | Cru","isPartOf":{"@id":"https:\/\/www.cru.org\/brand\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cru.org\/brand\/visual-overview\/#primaryimage"},"image":{"@id":"https:\/\/www.cru.org\/brand\/visual-overview\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/2-visual-overview-4.webp","datePublished":"2025-03-06T03:53:07+00:00","dateModified":"2025-03-12T14:37:35+00:00","breadcrumb":{"@id":"https:\/\/www.cru.org\/brand\/visual-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cru.org\/brand\/visual-overview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cru.org\/brand\/visual-overview\/#primaryimage","url":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/2-visual-overview-4.webp","contentUrl":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/2-visual-overview-4.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cru.org\/brand\/visual-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cru.org\/brand\/"},{"@type":"ListItem","position":2,"name":"Visual Overview"}]},{"@type":"WebSite","@id":"https:\/\/www.cru.org\/brand\/#website","url":"https:\/\/www.cru.org\/brand\/","name":"Identity Guidelines | Cru","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cru.org\/brand\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"meta_box":{"_cloudsearch_visibility":"0"},"_links":{"self":[{"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/users\/44043"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":19,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":800,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages\/7\/revisions\/800"}],"wp:attachment":[{"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}