Howdy!
Capsule is on sale this month. Check out our pricing page!

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

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
Hint text here
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form Selectables

Styling for checkboxes, selects and radios.
Select
Checkboxes
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.

Search Pivot