Learn How Impartner Can Drive 296% ROI
Create a ROI-Driving Partner ExperienceGlobal 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.
Precision targeting
Partners and customers get only the content that matters to them – no inbox clutter.
Global communication
made easy
No matter the time zone or language, News on Demand ensures your message reaches the right audience – at the right time and in the right format.
More than news,
it’s a growth engine
Your communications shouldn’t just inform; they should drive action. Multi-tiered content targeting lets you send different messages to different audiences, so you can turn engagement into revenue.
Instant integration
Seamlessly connects with your CRM, partner portal or marketing stack – no IT required.
Your brand, your way
With full branding capabilities, you can make sure that your news looks up to par with your brand guidelines.
Data-driven decisions
Track open rates, engagement, and performance with robust analytics.
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.