Brand Logo Grid
The Brand Logo Grid is a grid of brand logos with a short description, a representative product image and a CTA for users to click on in order to learn more about a specific brand.
Brand Logo Grid title
This is the description field for the Brand Logo Grid.
Nescafé
A delicious cup of inspiration
Nescafé Dolce Gusto
Your coffee shop at home
Nespresso
Barista-style coffee at the touch of a button
Starbucks Coffee At Home
Your Starbucks, under your roof
When to use
The Brand Logo Grid should only be used on brand category pages.
How to use
The component will pull through information from the following fields on the individual brand page:
- Logo
- Title
- Brand strapline short
- Brand cutout image
The CTA button will link to the brand page.
You have the option to use Nestlé Brush font in the title.
Additional considerations
- Recommended title length: 20 - 40 characters (max. 50)
- Recommended strapline short text length: 32 - 45 characters (max. 60)
- Recommended Brand cutout image size: 130 x 155 pixels (PNG with a transparent background)
- Recommended Logo image size: 150 x 150 pixels
Example
See this component in use:
Coffee category page
