.png){kind=logo}
Overview: How To Customize Colors On The Vignette Design
This article will go over how to change the colors on the Vignette design as well as some pre-made customization references to popular brokerage colors.
Before making any major changes to your designs, click on duplicate and rename your new design. This way, you will always have the original to revert back to.
To do this, click on designs then duplicate.
Give your design a new title, then click duplicate.
Customizing Colors on Vignette
Background Color - This sets the overall page background color.
In the example below, the Background Color is yellow.
Primary Color - This sets the color of headlines on background color. It is also used for the shortcut bar, menu, standard buttons, description, and property stats.
In the example below, the Primary Color is yellow.
Section bg Color - This sets the background color for Neighborhood, Presented By, Share, and Footer sections.
In the example below, the Section Background Color is yellow.
Section Primary Color - This sets the font and icon colors for Neighborhood, Presented By, Share, and Footer sections.
In the example below, the Section Primary Color is yellow.
Highlight Reel Color - This sets the font color for Headlines 1 & 2 in the highlight reel.
In the example below, the Highlight Reel Color is yellow.
Image Title Color - This sets the font color for image titles and description.
In the example below, the Image Title Color is yellow.
Overlay Color - This sets the font color for the schools overlay text. It also sets the floorplan hotspot overlay background color.
In the example below, the Overlay Color is yellow.
Highlight Reel Complete bg Color - This sets the background color for the overlay when the highlight reel has completed.
In the example below, the Highlight Reel Complete Background Color is yellow.
Highlight Reel Complete Font Color - This sets the font color for the overlay when the highlight reel has completed.
In the example below, the Highlight Reel Complete Font Color is yellow.
Highlight Reel Letterbox bg Color - This sets the background color for the highlight reel when the media is letterboxed.
In the example below, the Highlight Reel Letterbox Background Color is yellow.
