Save your spot!

Upcoming Webinar: Insights from the State of Sales Report from Salesforce 🚀

Style Guide

A guide to the base components used in Pivot.

Colors

Primaries and grays controlled by the Global Swatch feature.

Primary 1
#093A3E

Primary 2
#093A3E

Primary 3
#093A3E

Primary 4
#093A3E

Dark 1
#111111

White
#FFFFFF

Border
rgba(0,0,7,20)

Offset Shade
#F8F6F2

Typography

Headings, body and other common text elements.

Display

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Extra Large Text Extra Large Link

Large Text Large Link

Body Text Body Link

Small Text Small Link

Fine Print Text Fine Print Link

Handwriting Text

Buttons

Component, text style and size variations

Button Sizes

Colors

Icon Buttons

Sign in with Google

Form Inputs

General style and state variations for text inputs.

Input Sizes

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Labelled Example

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Icons - Interface

You know ‘em, you love ‘em. Little pictures that help out in various ways.

Icons - Social

Icons for popular social media brands.

Icons - Decorative

Sketch style icons to help you advertise the features of your product.