The Art of Design: Show Stopping Layout Ideas - ServiceNow CPQ

The Art of Design: Show Stopping Layout Ideas .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } }

Designing visually appealing layouts for your configurations may not be the first thing that comes to mind, but it can significantly enhance the overall experience for users who interact with your data. Implementing consistent formatting, strategic whitespace usage, and other design elements can transform a plain layout into a well-structured and engaging resource. As your data continues to play a crucial role in decision-making, the importance of presenting it in an intuitive and appealing manner cannot be underestimated.

In this article we will show real world examples (and provide the associated CSV files) of the layouts we’ve used in our most popular demo videos and builds- inspired by our customers! If you haven’t already, please feel free to familiarize yourself with Layout Basics , creating Layouts using the Layout Wizard , editing with the Layout Editor , and taking a deeper look at tiers and tier definitions .