Style Guide

Color Palette

Typography
Buttons and Links
Tooltips and Loaders
Entry Content
Form
Form Validation
Form Confirmation
Form Save and Continue

body

Aa

Roboto Bold

Aa

Roboto Medium

Aa

Roboto Light

headings

Aa

Open Sans Bold

Aa

Open Sans Medium

Aa

Open Sans Light

Headlines

h1 headline

h2 headline

h3 headline

h4 headline

h5 headline

h6 headline

Body Text

I think we need to start from scratch. Jazz it up a little bit- use a funky color like purple.

Can you add a bit of pastel pink and baby blue because the purple alone looks too fancy.

Make the purple more well, purple-er. Try a more powerful colour, it needs to be the same, but totally different.

Default Button Disabled Button Outline

Medium Button Small Button

Link
Hovered Link

Icon Link
Hovered Icon Link

Animation Link

Hovered Animation Link

Please wait...

Gravity Forms:

Entry Content

Lorem Ipsum proin gravida nibh vel velit auctor aliquet aenean sociosqu sollicitudin lorem quis bibendum auctor nisi elit dorest consequat ipsum nec sagittis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra felis dapibusamet augue sed non. Neque nunc etiam pharetra erat quam ut aliquam massa nisl quis neque. Duis sed odio sit amet nibh vulputate cursus sit amet mauris morbi accumsan ipsum velit nam nec tellus tincidunt auctor ornare odio sed non consequat auctor. Lorem Ipsum proin gravida auctor sociosqu sollicitudin lorem quis bibendum auctor consequat ipsum nec sagittis sem.

Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos mauris in erat justo nullam urna felis dapibus condimentum sit amet augue sed non. Neque elit sed ut imperdiet nisi proin condimentum nilut fermentum nunc etiam pharetra erat sed fermentu feugiat velit mauris egestas quam ut aliquam massa quis neque.

HEADING 1

Lorem Ipsum proin gravida auctor sociosqu sollicitudin lorem quis bibendum auctor consequat ipsum nec sagittis sem morbi accumsan tellus tincidunt auctor ornare consequat auctor. Neque nunc etiam pharetra erat quam ut aliquam massa nisl quis neque.

HEADING 2

HEADING 3

HEADING 4

HEADING 5

HEADING 6

BLOCKQUOTE:

Design is not just what it looks like and feels like. Design is how it works.

Neque elit sed ut imperdiet nisi proin condimentum fermentum nunc etiam pharetra erat sed fermentu feugiat velit mauris egestas quam ut aliquam massa nisl quis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra felis dapibusamet augue sed non.

UNORDERED LIST

Lorem Ipsum proin gravida auctor sociosqu sollicitudin lorem quis bibendum auctor consequat ipsum nec sagittis sem morbi accumsan tellus tincidunt auctor ornare consequat auctor.

Class aptent taciti sociosqu
Litora torquent per conubia
Nostra per inceptos himenaeos
Mauris in erat justo nullam

ORDERED LIST

Lorem Ipsum proin gravida auctor sociosqu sollicitudin lorem quis bibendum auctor consequat ipsum nec sagittis sem morbi accumsan tellus tincidunt auctor ornare consequat auctor.

Class aptent taciti sociosqu
Litora torquent per conubia
Nostra per inceptos himenaeos
Mauris in erat justo nullam

Style Guide Form

There were 19 errors found in the information you submitted

Name * Required
First Last
This field is required.
Text * Required

Required Text Field
This field is required.
Disabled Field
Textarea * Required
0 of 200 max characters
Textarea with maximum characters
This field is required.
Number * Required

This field is required.
Dropdown * Required

This field is required.
Multi Select * Required

This field is required.
Checkboxes * Required
- First Choice
- Second Choice
- Third Choice
This field is required.
Radio * Required
- First Choice
- Second Choice
- Third Choice
This field is required.
Advanced Field Section
Date * Required
MM
DD
YYYY
This field is required.
Date Dropdown * Required

This field is required.
Time * Required
: HH
MM
AM/PM
This field is required.
Date Picker - must be mm/dd/yyyy format * Required
Date Format: MM slash DD slash YYYY

This field is required.
Date Picker - Two Month Style - must be mm/dd/yyyy format * Required
Date Format: MM slash DD slash YYYY

This field is required.
Address * Required
Street Address Address Line 2 City State ZIP Code
This field is required. Please enter a complete address.
Phone * Required

Phone format: (###) ###-####
This field is required.
Website - enter a valid website URL for example https://www.google.com * Required

This field is required.
Email * Required

This field is required.
File * Required

This field is required.
Consent * Required
I agree to the privacy policy.
This field is required.

Thanks for contacting us! We will get in touch with you shortly.

Please use the following link to return and complete this form from any computer.

http://jp.local/?gf_token=e4fc0885e55141f8a11f275c88efac3d

Note: This link will expire after 30 days.
Enter your email address if you would like to receive the link via email.