{"id":311,"date":"2025-04-20T22:25:35","date_gmt":"2025-04-20T21:25:35","guid":{"rendered":"https:\/\/mealeez.co.uk\/blog\/?page_id=311"},"modified":"2026-05-18T18:20:56","modified_gmt":"2026-05-18T17:20:56","slug":"mealeez-branding-guidelines","status":"publish","type":"page","link":"https:\/\/mealeez.co.uk\/blog\/mealeez-branding-guidelines\/","title":{"rendered":"Mealeez Branding Guidelines"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This page outlines the proper usage of our logos and colour palette. Maintaining consistency in our visual identity is crucial for building brand recognition and trust. Please adhere to these guidelines in all your communications and materials.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Logos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We have provided several logo variations to ensure optimal visibility across different website themes and user preferences. These logos are provided in .svg format to enable scaling to any size. Please use the appropriate logo as outlined below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\">Light Backgrounds<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These logos should be used on white or very light backgrounds. These logos should be used &#8220;as-is&#8221; with no modification.<\/p>\n\n\n\n<div style=\"display: flex; justify-content: space-between; align-items: flex-end; width: calc(100%; - 16px); padding: 8px;\">\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/light\/mealeezLogoLight.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Logo<\/figcaption>\n  <\/figure>\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/light\/mealeezTextLight.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Text<\/figcaption>\n  <\/figure>\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/light\/mealeezDualLight.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Dual<\/figcaption>\n  <\/figure>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\">Dark Backgrounds<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These logos should be used on black or darker backgrounds. These logos should be used &#8220;as-is&#8221; with no modification.<\/p>\n\n\n\n<div style=\"display: flex; justify-content: space-between; align-items: flex-end;width: calc(100%; - 16px); padding: 8px; background-color: gray; border-radius: 16px;\">\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/dark\/mealeezLogoDark.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Logo<\/figcaption>\n  <\/figure>\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/dark\/mealeezTextDark.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Text<\/figcaption>\n  <\/figure>\n  <figure style=\"margin: 0; max-width: 30%;\">\n    <img decoding=\"async\" src=\"https:\/\/mealeez.co.uk\/images\/branding\/svg\/dark\/mealeezDualDark.svg\" style=\"width: 100%; height: auto; display: block;\">\n    <figcaption style=\"margin-top: 8px; background-color: black; color: white; padding: 10px; text-align: center; border-radius: 5px; font-size: 0.9em; font-family: Verdana, sans-serif;\">Mealeez Dual<\/figcaption>\n  <\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Main Brand Colours<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Our branding utilizes a focused colour palette for both the <strong>logo<\/strong> and the crucial <strong>&#8220;traffic light&#8221; food safety system<\/strong>, ensuring clear and immediate visual communication.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table  class=\"has-fixed-layout table table-hover\" ><thead><tr><th>Status\/Use<\/th><th>Hex Code<\/th><th>Color Swatch<\/th><\/tr><\/thead><tbody><tr><td><strong>Logo Primary<\/strong><\/td><td><code>#0f172b<\/code><\/td><td><div style=\"width: 75px; height: 25px; background-color: #0f172b; border: 1px solid #333; margin: auto;\"><\/div><\/td><\/tr><tr><td><strong>Unsafe Food<\/strong><\/td><td><code>#c82929<\/code><\/td><td><div style=\"width: 75px; height: 25px; background-color: #c82929; border: 1px solid #333; margin: auto;\"><\/div><\/td><\/tr><tr><td><strong>Caution<\/strong><\/td><td><code>#ffa230<\/code><\/td><td><div style=\"width: 75px; height: 25px; background-color: #ffa230; border: 1px solid #333; margin: auto;\"><\/div><\/td><\/tr><tr><td><strong>Potentially Safe Food<\/strong><\/td><td><code>#6aa600<\/code><\/td><td><div style=\"width: 75px; height: 25px; background-color: #6aa600; border: 1px solid #333; margin: auto;\"><\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Traffic Light System Breakdown<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table  class=\"has-fixed-layout table table-hover\" ><thead><tr><th>Status<\/th><th>Color Name<\/th><th>Visual Role<\/th><\/tr><\/thead><tbody><tr><td><strong>Red<\/strong> (<code>#c82929<\/code>)<\/td><td>Unsafe<\/td><td>Used to signal potential danger and is the primary color of our logo.<\/td><\/tr><tr><td><strong>Orange<\/strong> (<code>#ffa290<\/code>)<\/td><td>Caution<\/td><td>Used to indicate a need for attention or a potential mild risk.<\/td><\/tr><tr><td><strong>Green<\/strong> (<code>#6aa600<\/code>)<\/td><td>Safe<\/td><td>Used to clearly indicate that a food item is possibly safe and appropriate for consumption.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Logo Guidelines<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use of our logos is permissible so long as you adhere to our guidelines. Please avoid the following when using any of our logos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Do not<\/strong> stretch, skew, or distort the logo in any way. Maintain the original proportions.<\/li>\n\n\n\n<li><strong>Do not<\/strong> change the colors of the logo unless using one of the provided variations.<\/li>\n\n\n\n<li><strong>Do not<\/strong> add drop shadows, outlines, or other effects unless specifically permitted.<\/li>\n\n\n\n<li><strong>Do not<\/strong> rotate the logo.<\/li>\n\n\n\n<li><strong>Do not<\/strong> place the logo too close to other elements. Ensure sufficient clear space around it..<\/li>\n\n\n\n<li><strong>Do not<\/strong> use low-resolution or pixelated versions of the logo. Always use the provided svg files or a high definition variant if  using a different file format.<\/li>\n\n\n\n<li><strong>Do not<\/strong> recreate the logo. Always use the official logo files provided.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Thank you for adhering to these guidelines and helping us maintain a consistent and strong brand identity for Mealeez!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This page outlines the proper usage of our logos and colour palette. Maintaining consistency in our visual identity is crucial for building brand recognition and trust. Please adhere to these guidelines in all your communications and materials. Logos We have provided several logo variations to ensure optimal visibility across different website themes and user preferences. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-311","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/pages\/311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":68,"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/pages\/311\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/pages\/311\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/mealeez.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}