How do I use Dynamic Fields to Manage Brand Colours?
How do I use Dynamic Fields to Manage Brand Colours?
ActiveDEMAND associates codes to every colour within a specific brand in an ActiveDEMAND account.
What this means is when creating email and landing pages, instead of hard-coding a specific colour for an element (i.e. style=”color: #ff5525;”), a Dynamic Field can be used instead.
When the Dynamic Field is used, the colour associated with the Dynamic Field will be pulled from the associated brand.
Examples
style="background-color: %BRAND.BRAND_COLOR%;">
p {border: 5px solid %BRAND.BRAND_ACCENT_COLOR%;}
Available Dynamic Fields
Field | Dynamic Tag |
---|---|
Background colour: | %BRAND.BACKGROUND_COLOR% |
Background colour of the box in a boxed layout | %BRAND.BOXED_BACKGROUND_COLOR% |
Base font | %BRAND.FONT_FAMILY% |
Base font colour | %BRAND.BASE_FONT_COLOR% |
Banner/button/headers/dressings color | %BRAND.BRAND_COLOR% |
Banner/button gradient | %BRAND.GRADIENT_TYPE% |
Gradient 2 colour | %BRAND.BRAND_ACCENT_COLOR% |
Banner/button/headers/dressing font color | %BRAND.BRAND_TEXT_COLOR% |
Link colour | %BRAND.LINK_COLOR% |
Link hover colour | %BRAND.LINK_HOVER_COLOR% |
Heading h1, h2, colour | %BRAND.TEXT_ACCENT_COLOR% |
Header font | %BRAND.HEADER_FONT_FAMILY% |
Footer background colour | %BRAND.FOOTER_BACKGROUND_COLOR% |
Footer background gradient | %BRAND.FOOTER_GRADIENT_TYPE% |
Footer text colour | %BRAND.FOOTER_TEXT_COLOR% |
Gradient of the banner | %BRAND.BANNER_GRADIENT_VALUE% |
Gradient of the footer | %BRAND.FOOTER_GRADIENT_VALUE% |
Updated on: 16/10/2022
Thank you!