When possible, utilise a 12 x 12 grid to ensure consistent alignment and spacing across all assets. This grid provides flexibility while maintaining a cohesive structure, allowing for a balanced composition that enhances visual clarity.
Padding and margins should be adjusted based on the size of the asset, ensuring that images, text, and other elements are wellproportioned and aligned within the grid.
This approach ensures that all design components are harmonised, maintaining a clean and professional appearance throughout.
The graphic element is derived from the ‘D’ within the Decanter logo and is a key design feature. It can be rotated to four approved angles:
0, 90, -90, and -180, allowing for flexibility in its placement while maintaining brand consistency.
The graphic can be used at three different sizes within the 12 x 12 grid system: it can span 2, 4, or 9 grid squares, depending on the design context.
This ensures proportionality and harmony across various layouts, whether used for small accents or larger design elements. Placement within the grid allows for consistent spacing and alignment, ensuring the graphic integrates seamlessly with other content.
The graphic, derived from the 'D' within the Decanter logo, can be utilised in various ways, including:
Image Holder The graphic can frame or contain imagery, adding a dynamic layer to the composition while maintaining the brand's distinctive shape.
Brand Colour Block It can be filled with the brand's signature colour to create a striking visual contrast, enhancing the layout while reinforcing brand identity.
Text Holder The graphic can also be used to house key text, helping to draw attention to important messaging and making the design more engaging.
Icons
Icons should be simple, clear, and universally recognisable, using clean lines and minimal details. Always use brand colours for consistency, avoiding unnecessary complexity or additional colours.
Buttons
Buttons are available in four colourways, with yellow being the preferred choice as it reflects the brand’s signature colour. Use the dark option for contrast on light backgrounds, and the outlined or white versions for secondary actions. This ensures buttons remain functional while adhering to the brand’s visual style.