After you've chosen to use the brand template for your portal, the live editor for the Brand Portal will display. In the live editor, give your portal a headline, choose a banner image, and complete the color palette section or add more sections. You can also preview and share the portal; add links in column sections; add a logo, navigation, and table of contents; and add Google Fonts.



Add brand colors

To add your brand colors to the portal, use the available blank swatches when creating a brand portal or add a new swatch if needed, then hover over it to edit the swatch. Enter a swatch name and a valid HEX, RGB, CMYK, or Pantone value. Any values you enter display on the palette in the portal for anyone you share the portal with to see.



Add more color palettes by clicking the Add Color icon. Click the trash can icon below the Add Color icon to delete the entire color palette section. Delete individual colors by hovering over the color and clicking "Delete."



Additional color palette, assets, and banner sections can be added by clicking Add Section.


Add links to images

Links can be added to images in column sections. Link to another website that provides more information about a product for business partners or to more details about a topic for users. From the public portal, users can click the image to be taken to the website or page.


Each column can link to a different website or page.




Add a logo and menu

Create a microsite from the Brand Portal by adding navigational links to other portals, external links, and links within the portal. Add a menu on the right with links to other resources, include a table of contents that links to each section in the portal, or add your logo to the header to increase your brand's visibility.


You can link from or embed the portal in a company intranet or in other places where your teams work.



Add a logo

Add a logo to the portal to bring more visibility to your brand. Above the banner image, click Add logo, then enter a search term to find one. The search will find images from your Collective site. If an image has an alternate preview or a new version is added in the Collective, it will be updated in the live editor.


Hover to edit or delete the logo anytime.



Control the fonts and colors of the menu by clicking the gear icon to choose custom settings for the navigation and table of contents, including choosing a font, text color, hover color, menu icon color, active link color, and header and menu background colors.



Add navigation and a table of contents

Create a microsite of portals by linking to other portals or to external links from the menu. You can even rename the menu to a name that fits best for your company or industry.


To add navigation to an external link or to another portal, click Menu > Add link.



Give the link a name and choose if you want to open it in the same or a new window.



The link will display in the Menu list after you're done. If you need to update where a link points to, edit the link by clicking the dots that display to the right when you hover over the name (Options), then Edit. You can delete the name there, too.



Menu links can be displayed in the order you prefer by dragging and dropping them into place. Want brand guidelines for your entire company to display before guidelines for certain regions? Drag and drop those brand guidelines so they’re listed first, followed by guidelines for other areas.


Menu Drag and Drop.png



To add links to sections of the portal, you'll want to add a table of contents. Click "Add table of contents," and the links to each section will automatically display. Sections will only display publicly if assets are included in them.



For sections without titles or those with long descriptions, the type of section (e.g., color palette section) or the description for the section will display in the table of contents. You can update those to create shorter links, if desired, by the dots that display to right when you hover over the name (Options), then Edit. Up to 255 characters can be included in titles in the table of contents.


In addition to renaming sections, you can hide them to simplify the navigation for the public view. Some sections may be cosmetic and not include any actionable information for the site visitor, so hiding allows other sections of importance to be highlighted so users can find what they need. Bring hidden sections back to users’ view at a later time by clicking the row or the + next the name. Any sections you’ve hidden will display in a “Hidden Items” section.


You can also rename the table of contents to localize this text for other regions or delete the table of contents title entirely.


Hide TOC.png



If you add or remove a section from your portal, the name will be automatically added or removed from the table of contents menu. Note that if you add a section title or update an existing one within the section, it won't update in the table of contents. Edit to update it there.


Add Google fonts

Choose from a number of available fonts to use for text in sections on your portals. For Brand Portals, you can also add brand-approved fonts using Google fonts. 


Helvetica Neue is the default font for public portal pages unless you select a different font. When you can choose a Google font for your portal, Helvetica Neue is retained as the font for some elements (like Quick View, Download, and Share icons).


To add a Google font, choose +Add a Google Font from the font dropdown in a section, select a font from the list that displays, then click Add. The font you chose will display as the first option in the font dropdown.


Note that Google fonts cannot be applied to the color swatches in color palette sections.


Once you've added a font to one section in the portal, it'll be accessible from any section in that portal. Fonts are only accessible in the portal in which you've added them.