Knowledge Base

Quick Start Guide - Brand Guidelines

Do you want to quickly start off with Brand Guidelines? Take a look at our Quick Start Guide below and start creating your Brand Guidelines.

quick_start_guide.gif

Click for a visual walkthrough

  1. Go to your Brand Guidelines and click the settings_menu.png icon in the top right corner of the overview page to set up your brand colors. Read more about it here.

  2. Click the + Create guide icon to create your first guide.

  3. Enter a title for your new guide and click Create.

  4. Set up the guide visibility by clicking the guidelines_menu.png icon in the top bar and click Guide visibility. Select the users who can see the guide and click Save. Read more about guide visibility here.

  5. Click Create new chapter to create a new chapter, enter a name and click Create. If necessary, repeat this step to create additional chapters.

  6. To add a page to a chapter, click Add page below the chapter's title. If necessary, repeat this step to add additional pages to your chapter(s).

  7. Enter a title for your page and click Create.

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

  9. 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.

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

    Tip

    Hover over a section and click the duplicate_brand_guidelines.png button to duplicate the item 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.

    • 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 button to select a different number of thumbnails to display.

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

    • Table = Click the table_widget.png button 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.

  11. (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.

  12. (Optional) To preview your page toggle the Preview switch in the top right corner of the screen. Toggle again to go back to the editing mode.

  13. Click the Publish page button in the right top corner to publish your page.

    Tip

    Create empty guides and widgets to build the structure of your guidelines. Your colleagues responsible for the content then only have to fill in the missing content and publish the page.

    Do you want to learn more about Brand Guidelines? Read more about creating and managing your content in the Learn more section below.

Learn more