Solutions
Travel Management
Protect travelers, control costs, and save money.
Live Chat
Live chat is one of the best tools companies can utilize.
HR & Payroll
Make the shift to modern, full-service payroll.
Email Management
Bring all your communication channels under one roof.
Accounting & Finance
Bookkeeping, AR/AP, R&D credits, smart corporate cards & more.
Contact us for a free consultation.
ServicesPricingContactLog In
Solutions
Travel Management
A travel program that helps to protect travelers, control costs and save money.
HR & Payroll
Make the shift to modern, full-service payroll.
Email Management
Bring all your communication channels under one roof.
Accounting & Finance
Bookkeeping, AR/AP, R&D credits, CFO services, and more.
Live Chat
If you're not utilizing live chat & chatbots for your company, you're missing out.
ServicesPricingContactLog In

Style Guide

A central guide for common interface components.
Colors
Primary 1
Primary 2
Primary 3
Gray 1
Gray 2
Gray 3
Gray 4
White
Success
Warning
Danger
Typography

Display One

Display Two

Heading One

Large Heading

Heading Two

Medium Heading

Heading Three

Heading Four

Heading Five
Heading Six
Large Text  Large Link 
Body Text  Body Link
Small Text  Small Link
Tiny Text  Tiny Link
Link with arrow
Rich Text Element

Heading Two

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.

Here is a blockquote

Heading Four

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. Here is some Bold Text and here is some Italicised Text.

Here's a figure caption.
  • Bulleted List Item 1
  • Bulleted List Item 2
  • Bulleted List Item 3
  1. Numbered Item 1
  2. Numbered Item 2
  3. Numbered Item 3
Icons - Interface
Icons - Social
Buttons
Component, text style and size variations.
Button Sizes
Small
Standard
Large
Color Variations
Primary 1
Primary 2
Primary 3
Gray 1
White
Round Button
Icon Button
Search
Form Inputs
Input Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Textareas
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Input with Icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
Label
* Input hint text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form Selectables
Checkboxes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radios
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Selects
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Switches
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Tabs
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Individuals
Families
Couples
Tab 1 Content
Tab 2 Content
Tab 3 Content
Badges
Primary 1
Primary 2
Primary 3
Gray 1
Gray 2
Gray 3
Gray 4
Success
Warning
Danger
Avatars
Avatar Sizes
Small
Standard
Large
Shadows
Small
Standard
Large
Boxed Content
Heading
This is some text inside of a div block.
Heading

This is some text inside of a div block.

Button
Icons
Content Title
Volutpat egestas nibh rhoncus mauris semper. Quam nec consectetur est sed lobortis orci ridiculus.
Content Title
Volutpat egestas nibh rhoncus mauris semper. Quam nec consectetur est sed lobortis orci ridiculus.

Grab some attention with this short headline.

Volutpat egestas nibh rhoncus mauris semper. Quam nec consectetur est sed lobortis orci ridiculus.
Icon Horizontal Heading
Content Title
Bolutpat egestas nibh rhoncus mauris semper. Quam nec consectetur est sed lobortis orci ridiculus.
Links

Link Box Title

Learn More
Subtitle

Heading

Habitant scelerisque eu commodo amet, sollicitudin mi. Viverra netus nullam tempor fringilla molestie.
Link with arrow
Subtitle

Heading

Habitant scelerisque eu commodo amet, sollicitudin mi. Viverra netus nullam tempor fringilla molestie.
Link with arrow
Link Title
Link Title
Link Heading
Link Heading
Lists
Modular Architecture
Clean, Curated Visual Aesthetic
Friendly Customer Support
Modular Architecture
Clean, Curated Visual Aesthetic
Friendly Customer Support
Modular Architecture
Clean, Curated Visual Aesthetic
Friendly Customer Support
Modular Architecture
Clean, Curated Visual Aesthetic
Friendly Customer Support
Modular Architecture
Curated Aesthetic
Friendly Customer Support
Modular Architecture
Clean, Curated Visual Aesthetic
Friendly Customer Support