PMI OPEN Theme

The PMI Open Theme, designed and developed by Wunderman Thompson Lisbon, provides the ability to customize the appearance of the Salesforce DTE - OPEN platform. This initiative began in March 2021 in the Portugal market and has since been implemented in various regions across the globe.

The PMI OPEN Theme has two main pillars.

1. The Style Guide:

Defines different colors, shapes, fonts, formats, and organization to achieve the design language we want to apply to the Salesforce DTE platform. This style guide is compiled in CSS with a preprocessor scripting language called Sass.

The architecture of the Style Guide is split between the CORE and the MARKET for specifics needs.

• The CORE style guide defines all the designs we must apply to the Salesforce DTE platform. It has definitions like Base, Layout, Utilities, and Sections (widgets). That allows us to be as flexible as possible in each step of the design process and adjust every part of the widget and the platform itself. The CORE is shared across all markets, and WT Portugal ensures that it stays updated with any changes made by Salesforce DTE in its widgets. This approach ensures that all markets receive the benefits of upgrades and bug fixing without any extra costs or concerns.

• Each OPEN website has a unique MARKET style guide that enables customization of the CORE structure to meet the design requirements approved by shareholders in that particular market. CSS files are created for both QA and Production environments in every market.

2. The Script:

Allows us to interact with the default widgets defined by PMI for the Salesforce DTE platform and apply the CSS class names we want to each widget. The script is written in JavaScript to run in the Salesforce DTE platform's DOM in runtime. It is used universally across all markets and requires no specific adaptations for each market's specifications.

Infrastructure:

The infrastructure of the PMI Open Theme is built on top of GitHub (opens in a new tab) as a code repository and Vercel (opens in a new tab) as a front-end cloud platform that allows to build and deploy the CSS, Script, and Fonts across the globe using their Edge technology. Both platforms and managed by Wunderman Thompson Portugal.

Documentation:

This documentation for the PMI Open Theme aims to assist the content editor of Salesforce DTE in every market. This resource can serve as a reference for each market and provide guidance on how to apply the PMI Open Theme to their respective platforms. The PMI Open Theme is continuously evolving, and the documentation is regularly updated to align with the changes made in the CORE Style guide.