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 theming packages:
Our standard theme has a clean modern look and feel. Please provide us your primary and secondary brand color (hex or rgb value) so we can make your portal on-brand.
Available Customizations
Note
An extended theme is based on our standard theme but has a few more customisation options. We can make small visual adjustments to your portal to ensure even stronger branding.
What Do we Need to Know?
Please provide us with more information about your brand color(s) and your preferred font(s). Other minor requests like text alignment, text color(s), font weights and border-radius changes are possible too. A complete overview can be found below.
What Customizations Are Possible?
Primary color (brand color)
Secondary color (accent color)
Admin bar (background color & text color)
Border Radius
Buttons
Background color
Text color
Border color
Rounded/square button shape
Fonts
We can use any licensed web font with one or more of the following font-weights:
Light
Book
Regular
Medium
Semi bold
Bold
Dashboard Slider
Title/Subtitle text color
Title/Subtitle font size
Our custom themes are custom-designed to 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 styleguide
The custom fonts and font weights you would like to use
Which modules you are or will be using in your portal
Most Frequently Requested Customizations
Color
Primary color (brand color)
Secondary color (accent color)
Text color
Text hover color
Buttons
Text color
Background color
Shape (square/rounded)
Hover effect
Fonts
We can use any licensed web font with one or more of the following font-weights:
Light
Book
Regular
Medium
Semi bold
Bold
Font size
Custom font sizes can be applied on most sections within your portal
Dashboard slider
Title and subtitle styling
Slider height
Text color
Slider icon color and background
Navigation content alignment
Left
Center
Right
Login box position
Left
Center
Right
Learn More About Theming
We can imagine that you would like some examples to get a better understanding of custom theming at Bynder. Please check our custom theming examples document.
Below you will find an overview of customizations that aren't possible.
Change the position of elements
The only section on the dashboard of which the order can be customized is our sidebar which can be displayed on the left, bottom or right.
Custom background color
By default, all our pages have a light background.
Custom icons
We only support icons from the Font Awesome 4.7 icon library
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 Theme | Extended Theme | Custom Theme |
---|---|---|---|
Primary color | ✓ | ✓ | ✓ |
Secondary color | ✓ | ✓ | ✓ |
Text hover color | ✗ | ✓ | ✓ |
Primary button styling | ✗ | ✓ | ✓ |
Fonts | ✗ | ✓ | ✓ |
Admin bar | ✗ | ✓ | ✓ |
Navigation content alignment | ✗ | ✗ | ✓ |
Login box position | ✗ | ✗ | ✓ |
Favicon | ✓ | ✓ | ✓ |
Custom design | ✗ | ✗ | ✓ |
✓ | ✓ | ✓ |