Vlocity Product Style Guide

The Vlocity product style guide is a set of guidelines and patterns to maintain a consistency of product style and identity. 

The goals for creating product style guide:
-Steamline the workflow for designers and developers
-Maintain consistency
-Have a Vlocity own style at the same time it would fit in Salesforces interface without overpowering

Desktop Application
2015


Vlocity product style guide overview


Vlocity icon font, so that every icon is scalable, flexibility with full CSS styling capabilities.


Salesforce and Vlocity style comparison

Action links comparison

Form inputs comparison.

Product list comparison