Colors
Colors play a crucial role in visual brand identity because they evoke emotions, convey messages, and shape perceptions quickly and effectively. By choosing a consistent color palette, a brand can establish a strong visual identity that is instantly recognizable and memorable.
Primary colors
The BeaconMedaes blue is the cornerstone of our brand identity and serving as the primary color that instantly helps in recognizing and distinguishing the brand. Beyond the logotype, the BeaconMedaes blue is prominently used in the blip line, headlines, backgrounds, and key branding elements that capture attention and convey importance. This will also be implemented for product branding, using the PMS 2196 C color code.
The dark blue color is used for text and backgrounds, providing excellent readability and a strong visual foundation, while the white color plays a versatile role within the palette, often used as a background to ensure clarity and cleanliness.
Together they create a well-balanced, professional and visually appealing palette that effectively reinforces the BeaconMedaes brand identity across various touch points and collaterals.
Secondary color
The teal color is incorporated to add visual interest and variety, offering a fresh and vibrant complement to the blue tones. It can be used for icons, supporting graphics and social media designs.
Color Ratio
Color ratio refers to the balance and proportion of primary colors used in a visual identity to achieve optimal brand appearance. The Beaconmedaes blue is the most dominant color and should appear on all digital and print collaterals. The other 50% of the color ratio is split between the dark blue, teal and white in an equal amount.
Tints and shades
A tint is created by mixing a base color with white, which results in a lighter, softer version of the original hue, while a shade is produced by blending a base color with black, producing a darker variation. When used thoughtfully, tints and shades help establish a clear visual hierarchy, emphasizing important elements while maintaining harmony and visual interest across the page, since they are created from the primary color. The intention is to use only selected tints and shades such as 1, 2, 3 and 5 for light background and 7, 9 and 12 for a dark background.
Grayscale
The purpose of including a grayscale palette is to provide a neutral foundation that serves as fall back option when color use is limited or needs to be subdued.
Accent colors
Four accent colors have defined as supporting colors: green, red, plum and orange. They can be used to highlight details on the product interfaces or in graphs & charts. They can not dominate or replace the primary colors.