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. These logos are provided in .svg format to enable scaling to any size. Please use the appropriate logo as outlined below.
Light Backgrounds
These logos should be used on white or very light backgrounds. These logos should be used “as-is” with no modification.
Dark Backgrounds
These logos should be used on black or darker backgrounds. These logos should be used “as-is” with no modification.
Auto Dark-Theme Backgrounds
These logos are specifically designed to adapt their appearance based on the website visitor’s device or browser settings for dark mode. These logos use the prefers-color-scheme CSS media feature, which detects if a user has requested a light or dark theme on their system or browser. The logo will automatically switch from light-style to dark-style.
Logo Guidelines
Use of our logos is permissible so long as you adhere to our guidelines. Please avoid the following when using any of our logos:
- Do not stretch, skew, or distort the logo in any way. Maintain the original proportions.
- Do not change the colors of the logo unless using one of the provided variations.
- Do not add drop shadows, outlines, or other effects unless specifically permitted.
- Do not rotate the logo.
- Do not place the logo too close to other elements. Ensure sufficient clear space around it..
- Do not 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.
- Do not recreate the logo. Always use the official logo files provided.
Thank you for adhering to these guidelines and helping us maintain a consistent and strong brand identity for Mealeez!