Knowledge Base

Custom look and feel for your portal

The look and feel of your brand portal is one of the ways to make your brand center stand out. From our standard themes to extended look and feels that seamlessly fit your branding, there is always an option that fits your needs. Explore the theming options we offer below.

Theming options

Our theme offering consists of the following themes:

Our standard theme has a clean modern look and feel. Click the three screenshots below for an impression.

bynder19_theme02.png

Impression 1

bynder19_theme01.png

Impression 2

bynder19_theme03.png

Impression 3

Available Customizations

A light theme is based on our standard theme. We can make small visual adjustments to make it better fit your branding. Read more about the process below.

The process

What do we need to know?

We only need to know the primary brand color of your branding. We will make this the main color of the theme.

Can I make use of a custom font?

By default we will make use of our SourceSansPro font, but you can also make use of a custom font. Your Solutions consultant, Onboarding consultant or Customer Success Manager is happy to walk you through this process.

What customizations are possible?

  • Primary color (brand color)

  • Secondary color (accent color)

  • Buttons

    • Primary button styling (including the hover state)

    • Background-color

    • Text color

    • Border

    • Rounded/square button shape

    • Shadow

  • Fonts

    We can use any licensed web font with one or more of the following font-weights:

    • Light

    • Book

    • Regular

    • Medium

    • Semi bold

    • Bold

  • Admin bar

    This is the top bar of the header containing the searchbar and the settings icon.

    • Text color

    • Icon color

    • Background color

  • Dashboard slider

    • Title font-size

    • Subtitle font-size

  • News management customizations

Tell us your feedback

Once your theme is ready we will put it online for you to review. Please give detailed and specific feedback on the things you would like to have changed.

Great feedback to receive

  • Set the navigation-tiles to a 200px width by 200px height

  • Misalignment of all elements

  • Bad visibility of text or icons

Not that useful feedback

  • Make it a bit smaller

    Note

    Instead send us the exact dimensions you want the elements to be or send us screenshots of the desired size.

  • Make it better

    Note

    Instead indicate the elements you're not happy with and what type of changes you expect.

  • Changes in layout

  • Repositioning of elements

  • Changes in size of elements

Our extended themes are custom-designed to fully adapt to your brand look and feel. Based on your website or (design) guidelines we will create a mockup for you to review. Read more about the process below.

What do we need to know?

  • Brand guidelines or design guidelines.

  • Your main brand color

  • The custom fonts you would like to use

  • Which modules you are using

Standard customizations

  • Color

    • Primary color (‘brand color’)

    • Secondary color (‘accent color’)

    • Text hover color

  • Buttons

    • Text color

    • Background color

    • Shape (square/rounded)

    • Hover effect

  • Fonts

    One or more fonts

  • Font-weight: (thickness of the font)

    • Light

    • Regular

    • Medium

    • Semi-bold

    • Bold

    • italic

    • normal

    • oblique

  • Dashboard slider

    • Title and subtitle styling

    • Slider height

    • Text color

    • Slider icon color and background

  • Navigation content alignment

    • Left

    • Center

    • This is the small icon visible in the browser tab.Right

  • Login box position

    • Left

    • Center

    • Right

  • Favicon

    This is the small icon visible in the browser tab.

    Note

    Provide us with the favicon using a .png or .ico file format.

Customizations available on request

  • Text color

    This is only possible if all other content and elements remain clearly visible.

  • Background color of primary elements

    Primary elements such as the header can only be changed if all other content and elements remain clearly visible.

  • Font size We can only change the font size for the following text elements:

    • Slider title

    • Slider subtitle

    • Navigation tile title

    • Navigation tile subtitle

    • Featured news title

    • Featured collection title

    • Dashboard widgets title

    • News management customizations

Limitations

Below you will find an overview of customizations that are not possible.

  • Add new text or change existing text

    Tip

    Changing existing text is possible via custom translations.

  • Change the position or order of elements

  • Create new elements and delete or hide existing elements.

  • It is not possible to safely add or remove existing elements via theming

  • Combining different elements

  • Elements cannot be combined. For example, it is not possible to combine the admin bar and the navigation bar.

  • Theming of the settings pagesTo maintain the stability and consistency of your portal, we only apply theme styling to the following modules:

    • Dashboard

    • Asset bank and asset detail view

    • Collections

    • Styleguide

    • Creative Workflow

    • Custom icons

      We cannot implement custom icons, however, you are free to choose any icon from the Font Awesome icons list version 4.7.

Tell us your feedback

After you have received our mockup files we would like you to review them and provide us with your thoughts. Please give detailed and specific feedback on the things you would like to have changed.

Great feedback to receive

  • Set the navigation-tiles to a 200px width by 200px height

  • Misalignment of all elements

  • Bad visibility of text or icons

Not that useful feedback

  • Make it a bit smaller

    Note

    Instead send us the exact dimensions you want the elements to be or send us screenshots of the desired size.

  • Changes in layout

    Note

    Instead indicate the elements you're not happy with and what type of changes you expect.

  • Repositioning of elements

  • Changes in size of elements

The table below provides an overview on the customizations available for each theme type.

Customizations

Standard

Light theme

Extended theme

Primary color

Secondary color

Text hover color

Primary button styling

Fonts

Admin bar

Navigation content alignment

Login box position

Favicon

Custom design

News management customizations