Hope Network Logo & Brand Guidelines

Our Brand Identity

Watch the stories of change and impact through our collection of videos showcasing HOPE Network’s initiatives.

Graphic designer office hopenetwork

Last Updated: February 19, 2026

Logo Usage Guidelines

Our logo reflect the core values of Hope Network.

Our Brand Identity

Maintaining a unified visual identity.

The Hope Network brand is built on the values of youth empowerment, sustainability, and collaboration. These guidelines help ensure our logos and visual elements are used correctly and consistently across all platforms. Follow the instructions below to download our logos and adhere to the brand guidelines. For any questions or specific logo requests, please contact our media team.

Key Points:

  • Primary Logo: The primary Hope Network logo should always be used in its original form. Avoid altering the colors, proportions, or alignment.

  • Clear Space & Minimum Size: Ensure that there is adequate space around the logo to maintain visibility and impact. The logo should not be scaled smaller than a certain minimum size for print and digital use.

  • Color Variations: The logo is available in the primary brand colors, white (for dark backgrounds), and black. Only use these approved versions.

  • Unacceptable Use:

    • Do not rotate, stretch, or distort the logo.
    • Do not use unapproved color variations.
    • Avoid placing the logo on visually cluttered backgrounds.

Brand Colors

Our brand colors reflect the core values of Hope Network.

An overview of this site's brand colors.

Black color

Black
#000000
rgb (12, 109, 255)

Black  Ultra Light
#1A1A1A
rgb (26, 26, 26)

Black Light
#2B2B2B
rgb (43, 43, 43)

Black Dark
#111111
rgb (17, 17, 17)

Black Ultra Dark
#000000
rgb (0, 0, 0)

Blue color

Blue
#0c6dff
rgb (12, 109, 255)

Blue Ultra Light
#6da5fa
rgb (109, 165, 250)

Blue Light
#bad5f8
rgb (186, 213, 248)

Blue Dark
#133973
rgb (19, 57, 155)

Blue Ultra Dark
#061730
rgb (6, 23, 48)

Dark color

Black
#090f37
rgb (9, 15, 55)

Dark Ultra Light
#383941
rgb (7, 11, 44)

Dark Light
#202337
rgb (228, 228, 228)

Dark
#090f37
rgb (9, 15, 55)

Dark Ultra Dark
#080808
rgb (8, 8, 8)

Light color

Light
#eef4f8
rgb (238,244,248)

Ultra Light
#FAFAFA
rgb (250, 250, 250)

Tertiary Light
#d9d9d9
rgb (228, 228, 228)

Tertiary Dark
#f2f5f8
rgb (242, 245, 248)

Light Ultra Dark
#d1dce4
rgb (209,220,228)

White color

White
#ffffff
rgb (255, 255, 255)

White Ultra Light
#FCFCFC
rgb (252, 252, 252)

White Light
#F5F5F5
rgb (245, 245, 245)

White Dark
#dbdbdb
rgb (51, 51, 51)

White Ultra Dark
#E0E0E0
rgb (224, 224, 224)

Typography

Our brand typography reflect the core values of Hope Network.

Myriad Pro
This is just placeholder text. Don’t be alarmed, this is just here to fill up space since your finalized copy isn’t ready yet. Once we have your content finalized, we’ll replace this placeholder text with your real content.

Heading 1 Regular

Heading 1 Medium

Heading 1 Bold

Noto Kufi Arabic
هذا مجرد نص تجريبي. لا داعي للقلق، فهو موجود هنا فقط لملء المساحة لأن النص النهائي الخاص بك غير جاهز بعد. بمجرد أن يكون المحتوى النهائي جاهزًا، سنستبدل هذا النص التجريبي بمحتواك الحقيق.

عنوان 1 عادي

عنوان 1 متوسط

h1#pf-title { display: none; } .brxe-fr-accordion{ padding-left: 0px !important; } p { margin-bottom: 3px !important; } span#pf-date,p.added-to-list1 { color: #2b2b2d !important } p#brxe-271bb4 { font-weight: 600; color: #2a5774; } p#brxe-271bb4 { margin-bottom: 3px !important; } body { font-family: Arial, sans-serif !important; background: #ffffff !important; color: #000000 !important; line-height: 1.6 !important; } p { font-size: 15px !important; margin-bottom: 10px !important; } /* Links */ a { text-decoration: none !important; } /* Images */ img { max-width: 100% !important; height: auto !important; display: block !important; margin: 10px 0 !important; } /* Remove unwanted spacing */ div { margin-bottom: 10px !important; } /* Table Fix */ table { width: 100% !important; border-collapse: collapse !important; } table td, table th { border: 1px solid #ddd !important; padding: 8px !important; } .brxe-block.brx-grid.width--vp-max>div { background: #c1ddf0; text-align: center; padding: 10px; border-radius: 10px; flex:1; height: 240px; position: relative; } .brxe-block.brx-grid.width--vp-max>div .content-section-tampa__button{ position:absolute; bottom:0px; } .brxe-block.brx-grid.width--vp-max { display: flex; justify-content: space-between; gap: 20px; justify-content: center; align-items: center; } .brxe-button { background: #2e87c2; padding: 10px 20px; border-radius: 5px; color: #fff !important; font-size: 14px; font-weight: 600; margin-bottom: 4px; display: block; text-align:center; } .fr-image-group-delta__image-wrapper .brxe-button{ width:94% !important; } h1 { border-bottom: 1px solid #4054b2 !important; margin-bottom: 3px !important; font-size: 25px !important; margin-top:10px !important; } ul ul.added-to-list1 li { list-style: disc; font-size: 14px; font-weight: 500; } .brxe-heading { border-bottom: unset !important; } .brxe-div.acss-color-card__container { display: flex; gap: 10px; } .brxe-div.acss-color-card__wrapper { background: #c1deef; flex: 1; padding: 10px; border-radius: 10px; height: 160px; position: relative; } .brxe-div.acss-color-card__wrapper .brxe-text-basic.acss-color-card__name.added-to-list1 { background: #ffff; width:88%; border-radius: 10px; padding: 5px; font-size: 11px !important; position: absolute; bottom: 0px; } .brxe-block:nth-child(1) .brxe-div.acss-color-card__wrapper:nth-child(2) { background: #eaf4fa; } .brxe-block:nth-child(1) .brxe-div.acss-color-card__wrapper:nth-child(3) { background: #c1deef; } .brxe-block:nth-child(1) .brxe-div.acss-color-card__wrapper:nth-child(4) { background: #194868; } .brxe-block:nth-child(1) .brxe-div.acss-color-card__wrapper:nth-child(5) { background: #091d28; } body { font-family: "Myriad Pro" !important; } /* 24/2/26*/ li { font-size: 15px !important; } p.brxe-text-basic.acss-color__title.added-to-list1 { font-weight: 800; } .brxe-section.fr-hero-charlie { background: radial-gradient(at 40% 20%, hsla(201, 96%, 82%, .5) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(216, 97%, 77%, .5) 0px, transparent 50%), radial-gradient(at 0% 49%, hsla(220, 100%, 79%, .5) 0px, transparent 50%), radial-gradient(at 100% 33%, hsla(335, 57%, 82%, .5) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(201, 100%, 77%, .5) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(240, 78%, 79%, .5) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(151, 35%, 74%, .5) 0px, transparent 50%); border-radius: 8px 8px 0px 0px !important; padding: 10px; } section.brxe-section.mf-breadcrums { background: #c1ddf0; padding: 10px; border-radius: 0px 0px 8px 8px; } a#pf-src-url img { height: 35px !important; object-fit: cover; border-radius: 8px; width: 35px !important; margin-left:10px; } a#pf-src-url { height: auto; width: 100%; border-radius: 8px !important; display: flex !important; align-items: anchor-center; } span#pf-date { padding-top: 10px; } /*about us*/ .fr-feature-section-uniform.bg--primary-ultra-light .fr-feature-grid-uniform>.fr-feature-card-uniform { background: #072040; border-radius: 8px; padding: 15px; margin-bottom: 10px; display: flex; gap: 20px; } .fr-feature-section-uniform.bg--primary-ultra-light .fr-feature-grid-uniform>.fr-feature-card-uniform>div{ flex:1; } .fr-feature-grid-uniform .figure.brxe-image.fr-feature-card-uniform__media.tag { height:100% ! important; width: 100% ! important; } .fr-feature-grid-uniform .brxe-div.fr-feature-card-uniform__media-wrapper img { width: 100%; border-radius:8px !important; } .fr-feature-section-uniform.bg--primary-ultra-light p.added-to-list1 { color: #ffff !important; } .fr-feature-section-uniform.bg--primary-ultra-light .brxe-heading, .fr-feature-section-uniform.bg--primary-ultra-light li { color: #ffff !important; } .fr-faq-accordion-alpha__icon-wrapper svg { display: none !important; } h3{ margin-top:10px !important; } .fr-accent-heading { font-size: 16px !important; letter-spacing: 1px !important; } .brxe-div.fr-feature-card-uniform__media-wrapper figure img { width: 100% !important; } .fr-squeeze-hero-charlie__media-wrapper .brxe-video a.youtube-replace-link img { width: 100% !important; } li.brxe-qsmjno.brxe-div.fr-article-card-bravo::marker, li.brxe-div.fr-list-alpha__li::marker, .fr-article-card-bravo::marker,.fr-faq-accordion-alpha__item::marker { content: none !important; } .brxe-container.fr-article-grid-bravo.added-to-list1, .fr-list-alpha.added-to-list1{ padding-left:unset !important; } .brxe-container.fr-article-grid-bravo.added-to-list1 { display: flex !important; flex-wrap: wrap !important; gap: 20px !important; justify-content: space-between !important; } .brxe-container.fr-article-grid-bravo.added-to-list1 > .fr-article-card-bravo { flex: 0 0 calc((200px - 40px) / 3) !important; display: flex; flex-direction: column; box-sizing: border-box; } /*25/2/2026*/ .wpgb-facet fieldset { display: none; } .brx-grid.wpgb-enabled { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; } .brx-grid.wpgb-enabled li { border: 1px solid #2e87c280; padding: 10px; } .brx-grid.wpgb-enabled li.brxe-f35c25.brxe-div.fr-article-card-bravo img{ margin:auto !important ; } svg.stroke.brxe-olqtvz.brxe-icon.fr-list-alpha__icon { margin-right: 3px; height: 15px !important; } h4.wpgb-facet-title { border-bottom: none !important; } h4.wpgb-facet-title+fieldset { display: none !important; } ul.added-to-list1 { padding-left: 20px; } /* 26/2*/ #brxe-xnixiu .brxe-block.brx-grid { /* display: flex; */ display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; gap: 10px; } #brxe-xnixiu .brxe-block.brx-grid .brxe-div.fr-article-card-bravo { background: #072040; color: #ffff; padding: 10px; text-align: center; border-radius: 8px; } #brxe-xnixiu .brxe-div.fr-article-card-bravo .brxe-text-basic, .ammar-event__event-card-bravo p { color: #d0d0d0 !important; } ul.brxe-container.testimonial-grid-oscar.added-to-list1 { display: flex; flex-wrap: wrap; /* allows responsive wrap */ gap: 10px; /* optional spacing */ padding-left:0px ; margin-top: 20px; } ul.brxe-container.testimonial-grid-oscar.added-to-list1 > li { flex: 1 1 calc(33.333% - 20px); background: #c1ddf0; border-radius: 8px; padding: 10px; list-style:none ; } .fr-article-grid-alpha,ul.brxe-container{ display: flex; flex-wrap: wrap; gap: 10px; padding-left:0px !important ; margin-top: 20px; } .fr-article-grid-alpha > li { flex: 1 1 calc(33.333% - 20px); background: #c1ddf0; border-radius: 8px; padding: 10px; list-style: none ; } .ammar-event__heading a { color: #fff !important; } ul.ammar-event li{ position: relative; list-style: none; } .ammar-event__event-card-bravo { display: flex; gap: 20px; } .brxe-edovfv.brxe-block.ammar-event__body.text--light { background: #072040; padding: 10px; border-radius: 8px; } .ammar-event__price { color: #ffff; } .ammar-event__fake-button.bricks-button { width: 130px; } .ammar-event__event-card-bravo>div:nth-child(2) { flex-grow: 3; width: 75%; } .brxe-dd30c7.brxe-block.ammar-event__body.text--light.pf-candidate { background: #072040; border-radius: 8px; padding: 10px; } div#brxe-qfcqyj>div { background: #c1ddf0; border-radius: 8px; padding: 10px; /* color: #ffff; */ } div#brxe-qfcqyj { display: flex; gap: 10px; } .brxe-div.fr-contact-info-bravo__icon-wrapper svg { background: #404040; height: 40px; width: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #ffff !important; padding: 5px; } .brxe-div.fr-contact-info-bravo__icon-wrapper svg { fill: #ffff !important; color: #ffff; } .brxe-div.fr-contact-info-bravo { display: flex; flex-direction: row-reverse; align-items: center; justify-content: start; } .brxe-div.fr-contact-info-bravo { display: flex; flex-direction: row-reverse; align-items: center; justify-content: start; gap: 10px; } .brxe-div.fr-contact-info-bravo a span { color: #2e87c2; } .brxe-div.fr-contact-info-bravo__content-wrapper { flex: 1; } section#brxe-2e50ed { margin-top: 30px; } section#contact { background: #c1ddf0; border-radius: 8px; padding: 10px;} .brxe-ichjpd.brxe-block { display: flex; gap: 10px; } .brxe-ichjpd.brxe-block>div{ margin-bottom: unset !important;} strong.non-delete { font-size: 1rem !important; padding-left: 10px; } #pf-body #pf-date { float: left !important; }