You are here:
Customizable Style Guide for Newport Design System (Managed Package)
For the managed package runtime, Vlocity's customers have their own set of brand guidelines and design specifications, particularly for customer-facing applications. The Vlocity Omniscript and Cards Designers allow you to choose between two templates:
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
-
Lightning: This references the Salesforce Lightning Design System.
-
Newport: This references Vlocity's style guide.
About the Newport Design System
Newport is the CSS framework that allows customers to re-theme all the Vlocity components in one place. It is intended as a tool for both designers and web developers to easily re-style all the Vlocity components in a single place and generate custom, optimized CSS files that can be used consistently across all components and pages.
The Newport Design System supports two functions:
-
Provides an out-of-the-box consumer-grade visual style guide.
-
Provides a framework for re-branding and updating Vlocity components globally.
Designers
Use the new Design System [beta release] to review all the components and download a Sketch library to accelerate the design.
Developers
Go to the Vlocity Github repository to help you customize and rebrand all the Vlocity Newport based templates in one place.
