Can I see examples of how other customers designed Brand Portals?
Designing and building portals that reflect your unique brand style and design aesthetic is easier than you think. For inspiration and guidance, we gathered best-in-class portals designed by Acquia DAM (Widen) customers and created templates that show how to build them.
Use this article as a starting point. Select one template, or mix and match the designs to create a customized experience that fits your needs.
Templates in this article:
Brand landing page
Brand landing page with collections
Brand guidelines
Single-product sub-portal
Customer examples
McCormick & Co
Use case: Brand landing page
This is McCormick’s most-used portal with over 60,000 downloads since its launch in March of 2020. The Brand Hub was created as a one-stop shop for brand-related content. This landing page links to sub-portals that showcase individual brands. Digital content on those sub-portals is easy and efficient to view and download. View full page (PDF)
Can I see examples of how other customers designed Brand Portals?
Designing and building portals that reflect your unique brand style and design aesthetic is easier than you think. For inspiration and guidance, we gathered best-in-class portals designed by Acquia DAM (Widen) customers and created templates that show how to build them.
Use this article as a starting point. Select one template, or mix and match the designs to create a customized experience that fits your needs.
Templates in this article:
Brand landing page
Brand landing page with collections
Brand guidelines
Single-product sub-portal
Customer examples
McCormick & Co
Use case: Brand landing page
This is McCormick’s most-used portal with over 60,000 downloads since its launch in March of 2020. The Brand Hub was created as a one-stop shop for brand-related content. This landing page links to sub-portals that showcase individual brands. Digital content on those sub-portals is easy and efficient to view and download. View full page (PDF)
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Add a four-column section by clicking Add section, Column section, and 4 Columns. Click Add column and Add image for all columns. Search for assets in your DAM. These might be customized images you’ve created and uploaded ahead of time. The ideal image size is 450 x 450 px.
Hover over the asset you added and select the link icon. Once you’ve created separate sub-portals, this is where you will add the link to the sub-portal. Make sure your sub-portals have the same share settings as this portal.
Repeat steps 5-6 to add as many four-column sections as you need.
Treasury Wine Estates
Use case: Brand landing page with collections
This portal supports Treasury Wine Estates’ sales enablement strategy. It gives bar and restaurant managers access to tools to learn more about their wines, browse food pairings, download tasting placemats, and more. In short, it empowers these stakeholders to sell their wines with confidence. View full page (PDF) Download template (PNG)
How to build this portal
Click Brand on the Choose a Portal Type page.
Click Add menu and add links or a table of contents.
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner for your brand landing page you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Add a one-column text section by clicking Add section and 1 Column. Click Add column and Add text. Write a description of this portal and what it contains.
Click Add section and Banner section. Click Change image and search for an asset in your DAM.
Add collections by clicking Add section, Assets section, and Collection cards. Search and select global collections to add to your portal.
Click Add section and Banner section. Click Change image and search for an asset in your DAM. Edit the button text and color. Once you’ve created sub-portals, add the link to the button. Make sure that your subportals have the same share settings as the main portal.
Repeat step 8 to add as many banner sections as you need.
University of Georgia, Division of Marketing & Communications
Use case: Brand guidelines
UGA uses their Brand Resources portal to deliver institutional colors, logos, graphic elements, and more to internal audiences across campus. Portals can be configured to match brands – even fonts can be matched by uploading Google Fonts. View full page (PDF) Download template (PNG)
How to build this portal
Click Brand on the Choose a Portal Type page.
Click Add logo and search for a logo in your DAM.
Click Add menu and add links or a table of contents.
In the banner section text editor, add a header and text describing the portal and what it contains. Click Change background color and select a color.
In the color palette section, hover over a color block and click Edit. Add your brand colors, HEX, and other color values. Repeat for your other brand colors.
Delete the default section below the palette.
Add a text section by clicking Add section, Column section, and 1 Column. Click Add column and Add text. Describe the section. Once you’ve created sub-portals, add a link to a sub-portal by highlighting a portion of text and selecting the link icon. Make sure that your subportals have the same share settings as the main portal.
To add another text section with a different background color, add a banner section. Click Add section and Banner section. In the banner section text editor, add a header and text. Click Change background color and select a color.
Add linked categories by clicking Add section, Column section, and 3 Columns. Click Add column and Add text for all columns. Write category labels and center-align text. Select the link icon to add links to a sub-portal featuring those resources.
Repeat steps 7-9 to add as many sections as you need.
Franklin Electric
Use case: Single-product sub-portal
Franklin Electric uses portals to showcase single products. These pages have sections featuring all the materials the sales team might need, including downloadable marketing documents, technical manuals, ads, logos, and product photos. View full page (PDF) Download template (PNG)
How to build this portal
Click Brand on the Choose a Portal Type page.
Click Add logo and search for a logo in your DAM.
Click Add menu and add links or a table of contents.
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner for your brand landing page you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Click Add section and 1/3 + 2/3 Columns. In the left box, click Add column and Add image. Search for a product image in your DAM. The ideal image width is 610 px.
In the right box, click Add column and Add text. Write a description of this product.
Click Add section, Assets section, and Asset gallery. Click Assets. Search for and add DAM assets to feature in the section. Adjust download and share settings for the assets in this section.
Repeat step 8 to add as many asset sections as you need.
More resources
With Brand Portals, the design possibilities are endless. Of course, webpage function is just as important as form. If you need help with things like sub-portal architecture, share settings, or portal strategy in general, connect with your customer success manager or implementation team. We'd love to help!
Want to see how-to videos about creating Portals? Go to the Portals Tutorial Library in Acquia Academy.
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Add a four-column section by clicking Add section, Column section, and 4 Columns. Click Add column and Add image for all columns. Search for assets in your DAM. These might be customized images you’ve created and uploaded ahead of time. The ideal image size is 450 x 450 px.
Hover over the asset you added and select the link icon. Once you’ve created separate sub-portals, this is where you will add the link to the sub-portal. Make sure your sub-portals have the same share settings as this portal.
Repeat steps 5-6 to add as many four-column sections as you need.
Treasury Wine Estates
Use case: Brand landing page with collections
This portal supports Treasury Wine Estates’ sales enablement strategy. It gives bar and restaurant managers access to tools to learn more about their wines, browse food pairings, download tasting placemats, and more. In short, it empowers these stakeholders to sell their wines with confidence.
Click Add menu and add links or a table of contents.
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner for your brand landing page you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Add a one-column text section by clicking Add section and 1 Column. Click Add column and Add text. Write a description of this portal and what it contains.
Click Add section and Banner section. Click Change image and search for an asset in your DAM.
Add collections by clicking Add section, Assets section, and Collection cards. Search and select global collections to add to your portal.
Click Add section and Banner section. Click Change image and search for an asset in your DAM. Edit the button text and color. Once you’ve created sub-portals, add the link to the button. Make sure that your subportals have the same share settings as the main portal.
Repeat step 8 to add as many banner sections as you need.
University of Georgia, Division of Marketing & Communications
Use case: Brand guidelines
UGA uses their Brand Resources portal to deliver institutional colors, logos, graphic elements, and more to internal audiences across campus. Portals can be configured to match brands – even fonts can be matched by uploading Google Fonts.
Click Add menu and add links or a table of contents.
In the banner section text editor, add a header and text describing the portal and what it contains. Click Change background color and select a color.
In the color palette section, hover over a color block and click Edit. Add your brand colors, HEX, and other color values. Repeat for your other brand colors.
Delete the default section below the palette.
Add a text section by clicking Add section, Column section, and 1 Column. Click Add column and Add text. Describe the section. Once you’ve created sub-portals, add a link to a sub-portal by highlighting a portion of text and selecting the link icon. Make sure that your subportals have the same share settings as the main portal.
To add another text section with a different background color, add a banner section. Click Add section and Banner section. In the banner section text editor, add a header and text. Click Change background color and select a color.
Add linked categories by clicking Add section, Column section, and 3 Columns. Click Add column and Add text for all columns. Write category labels and center-align text. Select the link icon to add links to a sub-portal featuring those resources.
Repeat steps 7-9 to add as many sections as you need.
Franklin Electric
Use case: Single-product sub-portal
Franklin Electric uses portals to showcase single products. These pages have sections featuring all the materials the sales team might need, including downloadable marketing documents, technical manuals, ads, logos, and product photos.
Click Add menu and add links or a table of contents.
In the banner section, select Change image and search for an asset in your DAM. This might be a customized banner for your brand landing page you created and uploaded ahead of time. Images that are 2,048 x 512 px work best; the height should be a minimum of 256 pixels.
Delete the other default sections below the banner.
Click Add section and 1/3 + 2/3 Columns. In the left box, click Add column and Add image. Search for a product image in your DAM. The ideal image width is 610 px.
In the right box, click Add column and Add text. Write a description of this product.
Click Add section, Assets section, and Asset gallery. Click Assets. Search for and add DAM assets to feature in the section. Adjust download and share settings for the assets in this section.
Repeat step 8 to add as many asset sections as you need.
More resources
With Brand Portals, the design possibilities are endless. Of course, webpage function is just as important as form. If you need help with things like sub-portal architecture, share settings, or portal strategy in general, connect with your customer success manager or implementation team. We'd love to help!
Want to see how-to videos about creating Portals? Go to the
Acquia DAM (Widen)