Style Guide
Global Swatches
Elements
This is Title One
This is Title Two
This is Title Three
This is Title Four
This is Title Five
This is Title Six
Mob Title Three
Mob Title Four
Mob Title Five
Mob Title Six
Mob Body Large
Mob Body
Mob Body Small
tagline
Body Large
Body
Body Small
Details
Line clamp 1....This is a global class for text truncation using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
Line clamp 2....This is a global class for text truncation using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
Line clamp 3....This is a global class for text truncation using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
Line clamp 4....This is a global class for text truncation using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
Line clamp 5....This is a global class for text truncation using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
pointer-none....This is a global class which removes pointer events using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
pointer-auto....This is a global class which adds pointer events using custom CSS in the site settings custom code area. Publish and view on the live site to see. If this page is set to draft, set to live, then publish to see.
Utility css
Misc.
Heading Title
Heading subtitle light
Heading subtitle dark
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
HTML
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Pargraph - lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Block Quote
- List item
- List item
- List item
- List item
- List item
- List item
Rich Text
This is heading one in rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
This is heading two in rich text
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
This is heading three in rich text
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
This is heading four in rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
This is heading five in rich text
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
This is heading six in rich text
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Nam molestie, tortor in fringilla cursus, felis justo semper felis, ac auctor tortor erat sit amet magna. Phasellus viverra sem eget consequat elementum. Integer sit amet tincidunt augue. Mauris fermentum nulla leo, ut sagittis justo scelerisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at vestibulum risus, eu bibendum velit. Curabitur vestibulum turpis ac lectus rutrum, et placerat enim tincidunt. Praesent libero nisl, suscipit sed mauris non, condimentum posuere velit.
Fusce ornare dui eget rhoncus facilisis. Sed vitae mauris condimentum, maximus eros eget, egestas lorem. Ut a pharetra ante. Quisque eleifend metus in ante scelerisque.
Eget venenatis libero blandit. Maecenas id libero ac nisl consequat scelerisque ut id leo. Donec finibus dolor id nibh porta, non euismod quam efficitur. Donec fringilla arcu vitae porta congue.
Scroller
Expect more.
Answering repetitive Tier 1 tickets is expected. Solving Tier 2 and beyond should be. Espressive Barista leverages the power of AI to understand employees’ needs and, when required, initiate runbooks to diagnose issues. Once issues are understood, Barista automates resolutions by easily walking employees through complex workflows, autonomously solving Tier 2 tickets and beyond — enabling agents to focus on critical issues and high touch interactions.
Route tickets correctly.
The first time.
When employees don’t understand their issues they can’t populate tickets correctly, so tickets bounce from agent to agent until they are in the right place. Barista solves that by accurately classifying, assigning, and prioritizing tickets before routing them to the right agent in the right department the first time, eliminating ticket ping pong and dramatically improving mean time to resolution (MTTR).
Don't let outages bring down the help desk.
Outage detection and notification, plus automated assignment of tickets to a parent, mean that organizations no longer need to divert significant resources when outages occur. The Service Quality Wizard takes that a step further by instantaneously determining the health of over 2500 SaaS applications, verifying availability of on-premises applications, and identifying and resolving hardware and software issues autonomously.
Max Width (text wraps)
Spacing System
Highest Resolution Rate
52% to 74% on average
Easy to use
Anyone on your help desk team can use Barista Case Management — no tech expertise required.
Integrated marketplace.
The ELC includes a marketplace that makes it possible for customers to choose from thousands of integrations and out-of-box automations, delivering an immediate ROI.
