{"id":17,"date":"2025-03-06T03:54:59","date_gmt":"2025-03-06T03:54:59","guid":{"rendered":"https:\/\/www.cru.org\/brand\/?page_id=17"},"modified":"2025-03-11T18:40:17","modified_gmt":"2025-03-11T18:40:17","slug":"elements","status":"publish","type":"page","link":"https:\/\/www.cru.org\/brand\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6ab3c4 e-flex e-con-boxed e-con e-parent\" data-id=\"f6ab3c4\" 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-5bb461a elementor-widget elementor-widget-Page_Header\" data-id=\"5bb461a\" 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>7<\/div>\n                <div>Elements<\/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\">7.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\">7.2<\/div>\n                                    <div class=\"font-light\">Iconography<\/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\">7.3<\/div>\n                                    <div class=\"font-light\">Corner Anchors<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-4\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.4<\/div>\n                                    <div class=\"font-light\">Symbol Window<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-5\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.5<\/div>\n                                    <div class=\"font-light\">Connected Words<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-6\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.6<\/div>\n                                    <div class=\"font-light\">Photo Collage<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-7\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.7<\/div>\n                                    <div class=\"font-light\">Other Elements<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-8\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.8<\/div>\n                                    <div class=\"font-light\">Patterns<\/div>\n                                <\/a>\n                            <\/li>\n                                                    <li class=\"\">\n                                <a href=\"#section-title-9\" class=\"text-black !no-underline col-wrapper col-wrapper--keep-mobile text-lg md:text-xl hover:text-white\">\n                                    <div class=\"font-bold\">7.9<\/div>\n                                    <div class=\"font-light\">Grid<\/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-714944c elementor-widget elementor-widget-Section_Title\" data-id=\"714944c\" 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                        7.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                        Elements                    <\/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-1e5bc24 elementor-widget elementor-widget-Section_Text\" data-id=\"1e5bc24\" 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>Our elements revolve around the concept of going on a journey with Cru and the many moments along the way. They are a very powerful tool to help our communications feel \u201con brand,\u201d even when the brandmark is not around or the tertiary palette is used. Use them consistently and with purpose.<\/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-3a93fb6 elementor-widget elementor-widget-Section_Title\" data-id=\"3a93fb6\" 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                        7.2                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Iconography                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-586a172 elementor-widget elementor-widget-Section_Mix\" data-id=\"586a172\" 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>We use Google Material Icons as our default iconography system. Over 2,500 icons are available that are simple, modern, friendly, and sometimes quirky.<\/p><p>Refer to the Color chapter for details on color use with icons.<\/p><p>When using these icons with Cru materials and communications, we recommend these settings.<\/p>                            <\/div>\n                                                    <div style=\"background-color: #FFFFFF; padding: 10px;\">\n                                <p><strong>Recommended Settings<\/strong><br \/>Fill: off\u2028<br \/>Weight: 400\u2028<br \/>Grade: 0\u2028<br \/>Optical Size: 24px\u2028<br \/>Style: sharp<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/fonts.google.com\/icons\" target=\"_blank\" rel=\"noopener\">Get Google Material Icons<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-3 md:grid-cols-8 auto-rows-max gap-[5px] md:gap-[10px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-81.webp\" class=\"w-full max-w-full\" alt=\"illustration 1\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-82.webp\" class=\"w-full max-w-full\" alt=\"illustration 2\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-83.webp\" class=\"w-full max-w-full\" alt=\"illustration 3\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-84.webp\" class=\"w-full max-w-full\" alt=\"illustration 4\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-85.webp\" class=\"w-full max-w-full\" alt=\"illustration 5\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-86.webp\" class=\"w-full max-w-full\" alt=\"illustration 6\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-88.webp\" class=\"w-full max-w-full\" alt=\"illustration 7\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-89.webp\" class=\"w-full max-w-full\" alt=\"illustration 8\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-90.webp\" class=\"w-full max-w-full\" alt=\"illustration 9\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-91.webp\" class=\"w-full max-w-full\" alt=\"illustration 10\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-92.webp\" class=\"w-full max-w-full\" alt=\"illustration 11\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-93.webp\" class=\"w-full max-w-full\" alt=\"illustration 12\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-94.webp\" class=\"w-full max-w-full\" alt=\"illustration 13\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-95.webp\" class=\"w-full max-w-full\" alt=\"illustration 14\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-96.webp\" class=\"w-full max-w-full\" alt=\"illustration 15\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"239\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-97.webp\" class=\"w-full max-w-full\" alt=\"illustration 16\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-99.webp\" class=\"w-full max-w-full\" alt=\"illustration 17\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-100.webp\" class=\"w-full max-w-full\" alt=\"illustration 18\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-101.webp\" class=\"w-full max-w-full\" alt=\"illustration 19\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-102.webp\" class=\"w-full max-w-full\" alt=\"illustration 20\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-103.webp\" class=\"w-full max-w-full\" alt=\"illustration 21\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-104.webp\" class=\"w-full max-w-full\" alt=\"illustration 22\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-105.webp\" class=\"w-full max-w-full\" alt=\"illustration 23\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-106.webp\" class=\"w-full max-w-full\" alt=\"illustration 24\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-107.webp\" class=\"w-full max-w-full\" alt=\"illustration 25\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-108.webp\" class=\"w-full max-w-full\" alt=\"illustration 26\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-3.webp\" class=\"w-full max-w-full\" alt=\"illustration 27\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-4.webp\" class=\"w-full max-w-full\" alt=\"illustration 28\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-5.webp\" class=\"w-full max-w-full\" alt=\"illustration 29\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-6.webp\" class=\"w-full max-w-full\" alt=\"illustration 30\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-7.webp\" class=\"w-full max-w-full\" alt=\"illustration 31\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-8.webp\" class=\"w-full max-w-full\" alt=\"illustration 32\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-9.webp\" class=\"w-full max-w-full\" alt=\"illustration 33\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-10.webp\" class=\"w-full max-w-full\" alt=\"illustration 34\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-12.webp\" class=\"w-full max-w-full\" alt=\"illustration 35\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-13.webp\" class=\"w-full max-w-full\" alt=\"illustration 36\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-14.webp\" class=\"w-full max-w-full\" alt=\"illustration 37\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"239\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-15.webp\" class=\"w-full max-w-full\" alt=\"illustration 38\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-16.webp\" class=\"w-full max-w-full\" alt=\"illustration 39\" loading=\"lazy\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"238\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-17.webp\" class=\"w-full max-w-full\" alt=\"illustration 40\" loading=\"lazy\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-501c86e elementor-widget elementor-widget-Section_Mix\" data-id=\"501c86e\" 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>For those rare situations where a needed icon doesn\u2019t exist, a new icon may be designed. Icons are designed on a 24\u00d724 pt grid. Refer to Google\u2019s icon design principles for more information.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/m3.material.io\/styles\/icons\/designing-icons\" target=\"_blank\" rel=\"noopener\">Icon Design Principles<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-20.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\/7-elements-20.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-20.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-20.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-20.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-20.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-4cf12c2 elementor-widget elementor-widget-Section_Mix\" data-id=\"4cf12c2\" 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>The examples shown here illustrate incorrect uses of iconography.<\/p><ol><li><strong>Don\u2019t stretch or manipulate.<\/strong><\/li><li><strong>Don\u2019t alter the size relationship.<\/strong><\/li><li><strong>Don\u2019t outline.<\/strong><\/li><li><strong>Don\u2019t size inconsistently.<\/strong><\/li><li><strong>Don\u2019t add drop shadows or effects.<\/strong><\/li><li><strong>Don\u2019t use imagery or texture as a fill.<\/strong><\/li><li><strong>Don\u2019t use more than one color.<\/strong><\/li><li><strong>Don\u2019t use gradients.<\/strong><\/li><li><strong>Don\u2019t use with inadequate contrast.<\/strong><\/li><\/ol>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-3 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-35.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\/7-elements-35.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-35.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-64.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\/7-elements-64.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-64.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-60.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\/7-elements-60.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-60.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-69.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\/7-elements-69.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-69.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-55.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\/7-elements-55.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-55.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-42.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\/7-elements-42.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-42.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-98.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\/7-elements-98.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-98.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-49.webp\" class=\"w-full max-w-full\" alt=\"illustration 8\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-49.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-49.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-73.webp\" class=\"w-full max-w-full\" alt=\"illustration 9\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-73.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-73.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-ffa1f6b elementor-widget elementor-widget-Section_Title\" data-id=\"ffa1f6b\" 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                        7.3                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Corner Anchors                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-f4ca22b elementor-widget elementor-widget-Section_Mix\" data-id=\"f4ca22b\" 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>Cru\u2019s primary and most distinctive supporting visual element are the corner anchors. They are an extremely versatile tool and can conform to almost any layout or situation.<\/p><p>The corner anchors are directly derived from our Symbol. When the corner anchors are used with motion or animation, they can close together to form the symbol.<\/p><p>Use the corner anchors to emphasize content in a recognizable way to the Cru brand.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1gbqami3zs4OURI8tuxUV9t4aWFc5DMc3\" target=\"_blank\" rel=\"noopener\">Get Corner Anchors<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"1020\" height=\"681\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-22.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\/7-elements-22.webp 1020w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-22.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-22.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-f532349 elementor-widget elementor-widget-Section_Mix\" data-id=\"f532349\" 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>Corner anchors may be used with solid fields of color or with text.<\/p><p>When using with text, only apply corner anchors to large text such as headlines or titles.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-110.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\/7-elements-110.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-110.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-110.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-112.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\/7-elements-112.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-112.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-112.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-915e07b elementor-widget elementor-widget-Section_Mix\" data-id=\"915e07b\" 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>The stroke width of the corner anchors determines the spacing from a field of color and text.<\/p><p>Fields of color are spaced 0.625 times the stroke weight of a corner anchor.<\/p><p>Text is spaced 2 times the stroke weight of a corner anchor.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-109.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\/7-elements-109.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-109.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-109.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-109.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-111.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\/7-elements-111.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-111.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-111.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-111.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-7d51eba elementor-widget elementor-widget-Section_Mix\" data-id=\"7d51eba\" 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>The examples shown here illustrate incorrect uses of corner anchors.<\/p><ol><li><strong>Don\u2019t make corner anchors too small.<\/strong><\/li><li><strong>Don\u2019t make corner anchors too big.<\/strong><\/li><li><strong>Don\u2019t outline.<\/strong><\/li><li><strong>Don\u2019t space incorrectly.<\/strong><\/li><li><strong>Don\u2019t size unevenly.<\/strong><\/li><li><strong>Don\u2019t add drop shadows or effects.<\/strong><\/li><li><strong>Don\u2019t use more than one color.<\/strong><\/li><li><strong>Don\u2019t use gradients.<\/strong><\/li><li><strong>Don\u2019t use with inadequate contrast.<\/strong><\/li><\/ol>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-3 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-27.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\/7-elements-27.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-27.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-37.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\/7-elements-37.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-37.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56.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\/7-elements-56.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-61.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\/7-elements-61.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-61.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-66.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\/7-elements-66.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-66.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-50.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\/7-elements-50.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-50.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-1.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\/7-elements-1.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-1.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-45.webp\" class=\"w-full max-w-full\" alt=\"illustration 8\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-45.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-45.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-70.webp\" class=\"w-full max-w-full\" alt=\"illustration 9\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-70.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-70.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/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-842ea67 elementor-widget elementor-widget-Section_Title\" data-id=\"842ea67\" 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-4\">\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                        7.4                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Symbol Window                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-befeb0c elementor-widget elementor-widget-Section_Mix\" data-id=\"befeb0c\" 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>Symbol windows are another distinctive visual tool of the Cru brand identity that is flexible and dynamic.<\/p><p>One or multiple corners of the symbol may be used to stretch out a window into photography. Use the symbol window to tell a story using photography or to show a look into the world of Cru.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/10Bx4M98rswcQ-uiQQ1PohqR0ML9RY30m\" target=\"_blank\" rel=\"noopener\">Get Symbol Window<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"1020\" height=\"681\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-19.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\/7-elements-19.webp 1020w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-19.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-19.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-18b72d2 elementor-widget elementor-widget-Section_Mix\" data-id=\"18b72d2\" 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>While a square symbol window is the preferred application, they are very flexible when needed. It\u2019s best to let the photo determine the proportions of the window.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-55_6c6fd4.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\/7-elements-55_6c6fd4.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-55_6c6fd4.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-55_6c6fd4.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_cb633f.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\/7-elements-57_cb633f.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_cb633f.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_cb633f.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-3edd203 elementor-widget elementor-widget-Section_Mix\" data-id=\"3edd203\" 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>The examples shown here illustrate incorrect uses of symbol windows.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <ol><li><strong>Don\u2019t make the symbol too small.<\/strong><\/li><li><strong>Don\u2019t make the symbol too big.<\/strong><\/li><li><strong>Don\u2019t use with solid fill or text.<\/strong><\/li><li><strong>Don\u2019t use a different line weight than the symbol.<\/strong><\/li><li><strong>Don\u2019t use line weights inconsistently.<\/strong><\/li><li><strong>Don\u2019t add drop shadows or effects.<\/strong><\/li><li><strong>Don\u2019t use more than one color in an instance.<\/strong><\/li><li><strong>Don\u2019t use gradients.<\/strong><\/li><li><strong>Don\u2019t use with inadequate contrast.<\/strong><\/li><\/ol>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-3 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-29.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\/7-elements-29.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-29.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-38.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\/7-elements-38.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-38.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57.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\/7-elements-57.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-62.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\/7-elements-62.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-62.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-67.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\/7-elements-67.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-67.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-51.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\/7-elements-51.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-51.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-32.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\/7-elements-32.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-32.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-46.webp\" class=\"w-full max-w-full\" alt=\"illustration 8\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-46.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-46.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-71.webp\" class=\"w-full max-w-full\" alt=\"illustration 9\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-71.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-71.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/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-3188fa7 elementor-widget elementor-widget-Section_Title\" data-id=\"3188fa7\" 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-5\">\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                        7.5                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Connected Words                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-20dfa27 elementor-widget elementor-widget-Section_Mix\" data-id=\"20dfa27\" 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>Connected words let Cru messaging visually tell a larger story about our journey together.<\/p><p>Use connected words for big moments that make an impact on viewers.<\/p><p>It\u2019s best to use short headlines or titles that have three to seven words.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/14OjqvGsMtFmBFmDvLBgeZR_oY7pfBh87\" target=\"_blank\" rel=\"noopener\">Get Connected Words Template<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56_b9ebc6.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\/7-elements-56_b9ebc6.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56_b9ebc6.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56_b9ebc6.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56_b9ebc6.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-56_b9ebc6.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-e8f3069 elementor-widget elementor-widget-Section_Mix\" data-id=\"e8f3069\" 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>Connected words are flexible in the form they take and can accommodate almost any proportion. Additionally, the right angle \u201cturns\u201d can go over or underneath.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"1201\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-43.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\/7-elements-43.webp 720w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-43.webp?resize=409,682 409w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-5-a.png\" class=\"w-full max-w-full\" alt=\"illustration 2\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-5-a.png 1200w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-5-a.png?resize=1024,615 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-5-a.png?resize=768,461 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-c88b0ce elementor-widget elementor-widget-Section_Mix\" data-id=\"c88b0ce\" 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>It\u2019s important to apply connected words consistently. Follow the diagram shown here for exact spacing when creating new applications or use the template.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-1 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-25.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\/7-elements-25.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-25.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-25.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-25.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-25.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-aed1a38 elementor-widget elementor-widget-Section_Mix\" data-id=\"aed1a38\" 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>The middle line in connected words should always be in the the exact vertical center of the layout.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-1 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-24.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\/7-elements-24.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-24.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-24.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-24.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-24.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/div>\n        \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<div class=\"elementor-element elementor-element-0dc3868 e-flex e-con-boxed e-con e-parent\" data-id=\"0dc3868\" 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-e2b2946 elementor-widget elementor-widget-Section_Title\" data-id=\"e2b2946\" 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-6\">\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                        7.6                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Photo Collage                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-978cc0f elementor-widget elementor-widget-Section_Mix\" data-id=\"978cc0f\" 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>Photo collages bring together many ideas and stories into one layout. This treatment should be used sparingly and only when many pieces are needed to come together to form a whole.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1xHWZXUgMCABAG0SrO6uZoTMYZRW03Rd9\" target=\"_blank\" rel=\"noopener\">Get Collage Template<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-26.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\/7-elements-26.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-26.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-26.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-26.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-26.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-1f96667 elementor-widget elementor-widget-Section_Mix\" data-id=\"1f96667\" 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 symbol is used as the basis for sizing and spacing of the photo C=collage. Refer to the diagrams shown here for details.<\/p><p>The frames are derived from the corners of the symbol scaled up 300%.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_0288c6.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\/7-elements-57_0288c6.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_0288c6.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-57_0288c6.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"641\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59_6680de.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\/7-elements-59_6680de.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59_6680de.webp?resize=768,513 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59_6680de.webp?resize=640,426 640w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/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-2f8ff6d elementor-widget elementor-widget-Section_Title\" data-id=\"2f8ff6d\" 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-7\">\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                        7.7                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Other Elements                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-fc74952 elementor-widget elementor-widget-Section_Mix\" data-id=\"fc74952\" 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>Right angles from the symbol may be placed in the corners of layouts. This is a great way to emphasize text.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1w7xTfUnTVa6i8GEm-PbOvJt-_rhjJJ0e\" target=\"_blank\" rel=\"noopener\">Get Right Angles Template<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-65.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\/7-elements-65.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-65.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-65.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-65.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58_512e83.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\/7-elements-58_512e83.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58_512e83.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58_512e83.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58_512e83.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-2243022 elementor-widget elementor-widget-Section_Mix\" data-id=\"2243022\" 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>A border or drop shadow may be applied to the photos when needed. This is a great way to emphasize images.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54.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\/7-elements-54.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-30.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\/7-elements-30.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-30.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-30.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-30.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-9453a69 elementor-widget elementor-widget-Section_Mix\" data-id=\"9453a69\" 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>Large blocky compositions are made with fields of colors to divide up background from image. The fields can become places for text to reside, if needed.<\/p><p>Refer to the Grid section for details on creating compositions.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-2.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\/7-elements-2.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-2.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-2.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-2.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-36.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\/7-elements-36.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-36.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-36.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-36.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-67f3440 elementor-widget elementor-widget-Section_Title\" data-id=\"67f3440\" 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-8\">\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                        7.8                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Patterns                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-22c92d5 elementor-widget elementor-widget-Section_Mix\" data-id=\"22c92d5\" 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>Patterns are another visual tool that can be used to add some fun or creativity to designs.<\/p><p>There are six different patterns available and nearly endless color combinations.<\/p><p>Refer to the color pairs section in the Color Chapter for more information on color application.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1wGHV_azcd3QyKQrNC1cvkdx36mkICSU6\" target=\"_blank\" rel=\"noopener\">Get Patterns<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-3 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-76.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\/7-elements-76.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-76.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-47.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\/7-elements-47.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-47.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-33.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\/7-elements-33.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-33.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-40.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\/7-elements-40.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-40.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-52.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\/7-elements-52.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-52.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58.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\/7-elements-58.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-58.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-80ed89c elementor-widget elementor-widget-Section_Mix\" data-id=\"80ed89c\" 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>Photography may be applied over a pattern as long as they fall in line with the pattern. Make sure images do not overlap parts of the pattern.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-31.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\/7-elements-31.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-31.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-31.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-31.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-39.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\/7-elements-39.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-39.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-39.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-39.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-ee1f688 elementor-widget elementor-widget-Section_Mix\" data-id=\"ee1f688\" 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>Do not emphasize the symbol in the patterns. Also, do not use any other elements with patterns.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-44.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\/7-elements-44.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-44.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-44.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-44.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"961\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54_85533a.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\/7-elements-54_85533a.webp 960w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54_85533a.webp?resize=300,300 300w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54_85533a.webp?resize=681,682 681w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-54_85533a.webp?resize=768,769 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-a566962 elementor-widget elementor-widget-Section_Title\" data-id=\"a566962\" 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-9\">\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                        7.9                    <\/div>\n                                <div class=\"flex flex-grow flex-row items-center\">\n\n                    <div class=\"\">\n                        Grid                    <\/div>\n                                        <div class=\"ml-auto font-light text-sm md:text-2xl\">\n                        Elements                    <\/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-0c54cda elementor-widget elementor-widget-Section_Mix\" data-id=\"0c54cda\" 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 grid is an optional tool for designing layouts that have a sense of structure and hierarchy. It allows for relationships to be created throughout the composition and for messaging to be clear and digestible.<\/p><p>Generally, the grid is used to create broad fields for information to reside. It can be thought of as a way to make a starting composition. Once these areas have been established, it\u2019s not important for every single element to fall on the grid.<\/p>                            <\/div>\n                                                    <div style=\"background-color: ; padding: 0px;\">\n                                <p><span style=\"border-bottom-color: var(--e-global-color-accent);\" class=\"styled-link\">\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1R_jao6CSNhoLkrO4eA7x52V7hntXO3KD\" target=\"_blank\" rel=\"noopener\">Get the Grid<\/a>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z\"\/><\/svg><\/span><\/p>                            <\/div>\n                                            <\/div>\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=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-18.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\/7-elements-18.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-18.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-18.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-18.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-18.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-01a229a elementor-widget elementor-widget-Section_Mix\" data-id=\"01a229a\" 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>The first step for applying our grid is to establish the margins. Margins are determining by taking 5% of the largest side of the item in question.<\/p><p>For example, if the item being designed is a letter piece of paper, then the margins would be 5% of 11 in or 0.55 in. You can also achieve this by multiplying the largest side by 0.05.<\/p>                            <\/div>\n                                            <\/div>\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=\"683\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-23.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\/7-elements-23.webp 2040w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-23.webp?resize=1022,682 1022w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-23.webp?resize=768,512 768w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-23.webp?resize=640,426 640w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-23.webp?resize=1536,1025 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-9bceed6 elementor-widget elementor-widget-Section_Mix\" data-id=\"9bceed6\" 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>Once the margins have been established, then the columns and rows are added in. Divide the horizontal and vertical space in \u202823 equal columns and rows. Do not do any amount other than 23 and do not apply any amount of gutter.<\/p><p>Because of the flexible nature of the grid, \u2028it can be applied to an item of any ratio.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-1 md:grid-cols-2 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"1201\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-21.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\/7-elements-21.webp 720w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-21.webp?resize=409,682 409w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-28.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\/7-elements-28.webp 1200w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-28.webp?resize=1024,615 1024w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-28.webp?resize=768,461 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--64\" style=\"height: 64px;\"><\/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-e93c645 elementor-widget elementor-widget-Section_Mix\" data-id=\"e93c645\" 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>Several examples of how the grid can be used to break up information are shown here. These examples are only meant as a starting point, and a nearly endless amount of compositions can be created. Consider the content when creating a composition, such as the headline, copy, imagery, icons, and other elements. Use one column or row when separating content.<\/p>                            <\/div>\n                                            <\/div>\n                                                    <div class=\"grid grid-cols-2 md:grid-cols-3 auto-rows-max gap-[32px] md:gap-[64px]\">\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-87.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\/7-elements-87.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-87.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-68.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\/7-elements-68.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-68.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-34.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\/7-elements-34.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-34.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-63.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\/7-elements-63.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-63.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-48.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\/7-elements-48.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-48.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-72.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\/7-elements-72.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-72.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-41.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\/7-elements-41.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-41.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-74.webp\" class=\"w-full max-w-full\" alt=\"illustration 8\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-74.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-74.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-75.webp\" class=\"w-full max-w-full\" alt=\"illustration 9\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-75.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-75.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59.webp\" class=\"w-full max-w-full\" alt=\"illustration 10\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-59.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-53.webp\" class=\"w-full max-w-full\" alt=\"illustration 11\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-53.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-53.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-77.webp\" class=\"w-full max-w-full\" alt=\"illustration 12\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-77.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-77.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-78.webp\" class=\"w-full max-w-full\" alt=\"illustration 13\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-78.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-78.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-79.webp\" class=\"w-full max-w-full\" alt=\"illustration 14\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-79.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-79.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                                    <div class=\"w-full\">\n                                                                <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"601\" src=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-80.webp\" class=\"w-full max-w-full\" alt=\"illustration 15\" loading=\"lazy\" srcset=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-80.webp 600w, https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1022\/2025\/03\/7-elements-80.webp?resize=300,300 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>                            <\/div>\n                                            <\/div>\n                \n                \n\n            <\/div>\n        <\/div>\n\n                    <div class=\"spacer spacer--128\" style=\"height: 128px;\"><\/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-cfb5519 elementor-widget elementor-widget-Page_Footer\" data-id=\"cfb5519\" 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 Section<\/div>\n            <\/div>\n            <div class=\"flex flex-col\">\n\n                \n                    <a href=\"https:\/\/www.cru.org\/brand\/application\/\" 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>8<\/div>\n                                                <div>Application<\/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 7 Elements 7.1 Overview 7.2 Iconography 7.3 Corner Anchors 7.4 Symbol Window 7.5 Connected Words 7.6 Photo Collage 7.7 Other Elements 7.8 Patterns 7.9 Grid 7.1 Overview Elements Our elements revolve around the concept of going on a journey with Cru and the many moments along the way. They are a very [&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-17","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>Elements - 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\/elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elements - Identity Guidelines | Cru\" \/>\n<meta property=\"og:description\" content=\"Cru Identity Guidelines 7 Elements 7.1 Overview 7.2 Iconography 7.3 Corner Anchors 7.4 Symbol Window 7.5 Connected Words 7.6 Photo Collage 7.7 Other Elements 7.8 Patterns 7.9 Grid 7.1 Overview Elements Our elements revolve around the concept of going on a journey with Cru and the many moments along the way. They are a very [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cru.org\/brand\/elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Identity Guidelines | Cru\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T18:40:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/7-elements-81.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/\",\"url\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/\",\"name\":\"Elements - Identity Guidelines | Cru\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/7-elements-81.webp\",\"datePublished\":\"2025-03-06T03:54:59+00:00\",\"dateModified\":\"2025-03-11T18:40:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/7-elements-81.webp\",\"contentUrl\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/wp-content\\\/uploads\\\/sites\\\/1024\\\/2025\\\/03\\\/7-elements-81.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/elements\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cru.org\\\/brand\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\"}]},{\"@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":"Elements - 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\/elements\/","og_locale":"en_US","og_type":"article","og_title":"Elements - Identity Guidelines | Cru","og_description":"Cru Identity Guidelines 7 Elements 7.1 Overview 7.2 Iconography 7.3 Corner Anchors 7.4 Symbol Window 7.5 Connected Words 7.6 Photo Collage 7.7 Other Elements 7.8 Patterns 7.9 Grid 7.1 Overview Elements Our elements revolve around the concept of going on a journey with Cru and the many moments along the way. They are a very [&hellip;]","og_url":"https:\/\/www.cru.org\/brand\/elements\/","og_site_name":"Identity Guidelines | Cru","article_modified_time":"2025-03-11T18:40:17+00:00","og_image":[{"url":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/7-elements-81.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cru.org\/brand\/elements\/","url":"https:\/\/www.cru.org\/brand\/elements\/","name":"Elements - Identity Guidelines | Cru","isPartOf":{"@id":"https:\/\/www.cru.org\/brand\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cru.org\/brand\/elements\/#primaryimage"},"image":{"@id":"https:\/\/www.cru.org\/brand\/elements\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/7-elements-81.webp","datePublished":"2025-03-06T03:54:59+00:00","dateModified":"2025-03-11T18:40:17+00:00","breadcrumb":{"@id":"https:\/\/www.cru.org\/brand\/elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cru.org\/brand\/elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cru.org\/brand\/elements\/#primaryimage","url":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/7-elements-81.webp","contentUrl":"https:\/\/www.cru.org\/brand\/wp-content\/uploads\/sites\/1024\/2025\/03\/7-elements-81.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.cru.org\/brand\/elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cru.org\/brand\/"},{"@type":"ListItem","position":2,"name":"Elements"}]},{"@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\/17","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=17"}],"version-history":[{"count":40,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":735,"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/pages\/17\/revisions\/735"}],"wp:attachment":[{"href":"https:\/\/www.cru.org\/brand\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}