Global Presets Style Guide
This global presets style guide is a great way to start a new web design project!
Wondering how to turn modules into global presets? For a detailed tutorial on how to use this style guide, click on the link below to be redirected.
01. Color palette
In the first part of the style guide, you can find the color palette that’s been used for the website design. Use these global colors inside the default color palette in the section, row and module settings.
#d5dcde
#000000
#ea3900
02. Visuals
The second part of this style guide shares some of the visuals that are included inside the layout pack. By importing the layout to your Divi Library, these visuals have automatically been added to your media library, ready for you to use.
03. Text Styles
In this part of the style guide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.
This website uses the free google font, Roboto.
Use Roboto bold for headings.
Use Roboto light for body text.
All text dark left new
All text dark left new
All text dark centered new
All text light centered new
FLOATING STATEMENT
(use H2 with this global preset)
Our TCMA tools make it easier, more automated, and more scalable for you to do the work FOR your partners.
04. Buttons
Here, you’ll find the buttons styles used throughout the website.
BUTTON YELLOW NEW
BUTTON YELLOW NEW ICON
Circle arrow icon is for all buttons
linking to Request Demo. Select the icon using the buttton design settings tab.
Circle plus icon is for all buttons that pop up a modal. This icon is the default.
BUTTON YELLOW NEW OUTLINE ICON
Button style for dark backgrounds.
05. Blurbs
Up next, we have some blurb modules that have been on the home page and other main landing pages.
BLURB IMAGE CENTERED NEW
Optimize
Power your channel with our partner relationship management tools.
BLURB IMAGE LEFT
Accelerate the performance of your channel an average of 32.3%
Reduce your administrative costs an average of 29%
Increase your strategic competitive advantage an average of 78%
06. Rows
Here are the global presets for rows. Every new row needs a global preset assigned. The presets drive spacing, corner shape, background color, width, and height.
SKINNY ROW GRADIENT BKGD NEW
Use this row global preset to get the gradient background with the standard max height for consistency, as well as all the other settings for spacing corners, etc. Often used with the image on one side and centered text on the other side.
See two example rows directly below.
The best PRM
on the planet.
Our partner experience
is the cat’s meow.
ROW GRADIENT BKGD NEW
Use this row global preset to get the gradient background without a max height.
SKINNY ROW WHITE BKGD NEW
Use this row global preset to get the white background with the standard max height for consistency, as well as all the other settings for spacing corners, etc.
See two example rows directly below.
Just the right content
for the right partner.
There’s a reason why our News on Demand platform achieves nearly twice the industry average for user engagement, instead of blasting the same content to your entire partner base we give you the tools to give precise content to just the right set of partners. Plus, our preference selections allow them to choose what matters most to them.
We make it easy to
speak your language.
With global flexibility, it’s easier than ever to deliver news in different time zones and languages all from a single platform.
Give the people what they
want...and then some.
Multi-tiered content functionality allows different content to be delivered to different types and tiers of partners, plus preference selections allow them to choose what matters most to them.
Integrating
is a cinch.
It’s almost as easy as plug and play...our platform seamlessly integrates with your partner portal.
Make it yours.
With full branding capabilities, you can make sure that your news looks up to par with your brand guidelines.
Numbers, numbers,
numbers.
Extensive analytics give you the knowledge you need to see the whole picture.
Easy as 1, 2, 3…4
What was once a full-time job, now can be done in a fraction of the time. Click below to watch just how easy it is.
ROW wHITE BKGD NEW
Use this row global preset to get the white background without a max height, as well as all the other settings for spacing corners, etc. Also use this preset for other background colors, such as dark gray – just change the background color in the row settings after you assign the global preset. Do not edit the global preset. Any settings changed in the row settings after the global preset is assigned will only override the preset for the one instance.