Knowledge Base

Pages in Brand Guidelines

Pages belong to a specific chapter and this is where you add the content for the guide. Find out below how you can create and manage pages.

How to create a page?

Open the guide you want to add page(s) to.

If applicable, click Edit Guide to enable the editing mode.

Click Add page below the title of the chapter you want to add the page to.

Enter a title for your page and click Create.

How to edit a page title?

  1. Open the guide where you can find the page you want to edit.

  2. If applicable, click Edit Guide to enable the editing mode.

  3. Hover over the page in the left sidebar, click the guidelines_menu.png icon and click Edit title.

  4. Enter a new title for your page and click Save.

How to customize the page header

By default, the page header is white. You can customize this header according to your liking by changing the background color, applying a background image as well as changing the font color.

  1. Hover over the page header. The following floating bar will appear:

    floating_bar.png
  2. Click image_guidelines.jpg to choose a background image or click palette.png to choose a different solid background color. The color(s) that are set up as brand color will be available to choose from.

  3. (Optional) Click the Height dropdown and choose one of the available options to change the height of the header.

  4. Click font_color.svg to change the font color for the text in the page header. The color(s) that are set up as brand color will be available to choose from.

How to move a page?

  1. Open the guide where you want to change the order of the pages.

  2. If applicable, click Edit Guide to enable the editing mode.

  3. Click the page you want to move in the left sidebar and drag and drop it to another position.

How to delete a page?

Note

By removing a page, all page content will be removed as well. This action is permanent and cannot be undone.

  1. Open the guide where you can find the page you want to edit.

  2. If applicable, click Edit Guide to enable the editing mode.

  3. Hover over the page, click the guidelines_menu.png icon and click Edit title.

  4. Enter a new title for your page and click Save.

How to add content to your pages?

quick_start_guide.gif

Click for a visual walkthrough

  1. Hover over the page right below the page title and click the add_content.jpg icon to add a section. A new section with a widget picker will appear on your page.

    Tip

    Hover right above or below an existing section and click the add_content.jpg icon that will appear to add a new section to that position.

  2. By default, the section makes use of one column. To better divide your content, you can also make use of different column layouts . Hover over the section, open the 1 column dropdown and click one of the alternative layouts.

  3. Click the add_content2.jpg icon inside the section and select one of the available widgets.

    Tip

    Hover over a section and click the duplicate_brand_guidelines.png button to duplicate the section and its content.

    • Text = Click the textbox_guidelines.jpg button if you want to add a title, subtitle or text to your page. Write and manage your content in the text editor. Use the Paragraph dropdown in the WYSIWYG editor to select the preferred heading for your text. Use the other available options in the editor to format or color your text. The text widget is limited to 4000 characters.

      Click the link_brand_guidelines.png button in the editor to create a link. Enter the display text in the Link Title field and enter the URL in the Link Target field. Enter mailto followed by the email address in the Link Target field if you want to link to an email address. For example: mailto:example@bynder.com

    • Media = Click the image_guidelines.jpg button to add an image, document or other file type. A placeholder will appear. Click the image_guidelines.jpg button in the placeholder and the compact view will open. Filter or search for the asset you need and select it. Open the dropdown at the bottom of the Compact View and select whether you want to use the original asset or one of the available public derivatives. Click Add media to add your asset.

      Note

      You can only select Original if the asset is marked as public.

    • Color palette = Click the color_palette.png button if you want to add a color palette to your page. A placeholder will appear. Click the + button in the placeholder to add the first color. Enter the name for your color in the Color name field.

      Enter the desired color code in one of the available default color mode fields. Optionally, you can click the + icon to add other colors.

      Tip

      Are you using a custom color model?

      In the Enter name field you can enter the name of your custom color mode and in the Enter code field next to it you can enter the custom code color. This way, users can be informed about any custom color codes used in your branding.

      The custom color fields will not automatically pick and display your color. Use one of the available default color mode fields instead.

    • Video = Click the video_guides.png button to add a video to your page. A placeholder will appear. Click the video_guides.png icon in the placeholder and the Compact View will open. Filter or search for the video you need, select it and click Add media.

    • Collection = Click the collection_embed_button.png button to embed a collection. You will see an overview with collections you can embed. You can use the search bar at the top of the popup to find the collection you're looking for. Hover over the collection you want to select and tick the compact_view_icon04.png button. Click Add collection to add the embedded collection.

      By default, 4 asset thumbnails are shown in the collection widget. Hover over the collection widget and click the number_of_assets_collection_widget.png icon to select a different number of thumbnails to display.

    • Audio = Click the audio_widget.png icon to add audio to your page. Read more about audio widgets here.

    • Table = Click the table_widget.png icon to add a table to your page. Read more about table widgets here.

    • Space Divider = Click the space_divider.png button to add a space divider to your content, which allows you to add space between widgets so you can better customize the layout of your page. Use the handle to set the height of the divider from 24 pixels up to 500 pixels. The width of the divider is automatically adjusted to the width of the column.

    Tip

    Preview your page by toggling the Preview switch in the right top corner of the screen. Toggle again to go back to the editing mode.

  4. (Optional) Hover over the section and click the background_color_guidelines.png button to set a background color for the section. The color(s) that are set up as brand color will be available to choose from.

How to duplicate content?

  1. Go to the page where you want to duplicate content.

  2. If applicable, click Edit Guide to enable the editing mode and make sure the Preview mode is disabled.

  3. Hover over a section and click the duplicate_brand_guidelines.png button to duplicate the section and its content.

How to modify content?

  1. Go to the page where you want to edit the content.

  2. If applicable, click Edit Guide to enable the editing mode and make sure the Preview mode is disabled.

  3. Click a title, table or text box to modify the content. Click an image, video or audio asset to replace it. Change one of the available color codes in a color palette to modify the color or hover over a color and click the remove_content.png icon that appears.

How to move content?

  1. If applicable, click Edit Guide to enable the editing mode.

  2. Hover over the section with the content widget that you want to move to another position.

  3. Click the move_section_guidelines.png icon that appears in the right top corner of the section.

  4. Drag and drop the section to another position.

How to delete content?

  1. Go to the page where you want to delete content.

  2. If applicable, click Edit Guide to enable the editing mode and make sure the Preview mode is disabled.

  3. Go to the title, text box, color palette, image or video that you want to delete. Hover over the right top corner of the element and click the trash icon remove_content.png that appears.

  4. Read the warning message and click Delete if you want to remove the item permanently.

    Note

    This action is permanent and cannot be undone.

How to publish a page?

By publishing a page you will make it visible to all users who have access to Brand Guidelines. Unpublished pages can only be viewed by editors.

Note

Make sure that the guide of the page is visible as well. If the guide is hidden, the published page will not be accessible.

  1. Open the page you want to publish.

  2. Click the Publish page button in the top right corner.

The page is now published and can be viewed by all users who have access to Brand Guidelines.

How to unpublish a page?

By unpublishing a page you will make it invisible to all users who have access to Brand Guidelines. Unpublished pages can only be viewed by editors.

  1. Open the guide which contains the page you want to unpublish.

  2. If applicable, click Edit Guide to enable the editing mode.

  3. Hover over the page you want to unpublish in the left sidebar, click the guidelines_menu.png icon and click Unpublish.

The page is now unpublished and can only be viewed by editors.

Learn more