Typography

Global type

Default
15px (* 1.6 / 24 height)
#444

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has. Ne qui viris nominavi. Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has.

Small
13px (* 1.6 / 21 height)
#444

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has. Ne qui viris nominavi. Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has.

Extra Small
11px (* 1.6 / 19 height)
#666

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has. Ne qui viris nominavi. Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Headings

Heading 1
39px (* 1.2 / 47 height)

Lorem Ipsum Dolor
sit Amnet elit.

Heading 2
32px (* 1.2 / 38 height)

Lorem Ipsum Dolor sit
Amnet elit.

Heading 3
26px (* 1.2 / 31 height)

Lorem Ipsum Dolor sit
Amnet elit.

Heading 4
22px (* 1.2 / 26 height)

Lorem Ipsum Dolor sit
Amnet elit.

Heading 5
19px (* 1.2 / 23 height)
Lorem Ipsum Dolor sit
Amnet elit.
Heading 6
17px (* 1.2 / 20 height)
Lorem Ipsum Dolor sit
Amnet elit.

Margins

Heading 1: Lorem Ipsum Dolor (39 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Lorem ipsum dolor sit amet, cu nec veritus oportere expetenda, fabulas singulis te has. Ne qui viris nominavi. Ad mel sonet dicunt efficiantur, cu iriure voluptua vim, has eius integre corpora et. Maiestatis assueverit eu pro.

Heading 2: Lorem Ipsum Dolor amnet (32 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

  • Nihil consulatu ei eam, ut purto perfecto ius.
  • Cum tota mazim equidem id, ei enim vide persecuti qui.
  • Alii ancillae menandri id nam.

Mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit.

Heading 3: Lorem Ipsum Dolor Sit amnet (26 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

  1. Nihil consulatu ei eam, ut purto perfecto ius.
  2. Cum tota mazim equidem id, ei enim vide persecuti qui.
  3. Alii ancillae menandri id nam.

Heading 4: Lorem Ipsum Dolor Sit amnet (22 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit.
Heading 5: Lorem Ipsum Dolor Sit amnet (19 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

First Name Last Name Status
Aaron Schinke Cool
Aaron Schinke Cool
Aaron Schinke Cool
Heading 6: Lorem Ipsum Dolor Sit amnet (17 px)

Te usu justo mazim equidem, an tantas possim volutpat quo, duo summo nonumy menandri no. Cum ea choro saepe populo, ius blandit dignissim ne, an eam hinc hendrerit. Ad simul recusabo conceptam qui, pro ea semper commodo. Ne vide dolore has, mea ne dictas quaeque.

Colors

Brand colors

Brand 1: #db2121
Brand 1 hover: #a10000
Brand 2: #ececec
Brand 2: #cecece

Text colors

Heading: #222
Default / Small Paragraph: #444
Extra Small / Disclaimer: #666
Highlights / Bread Crumbs: #888
Error: #da1a23
Success: #48a648

Lines / Boxes

Line color: #cecece
Box color: #ececec
Structure: #444

Buttons

Default

Get e-price
Primary: [Brand 1] #db2121
Get e-price
Hover: [Brand 1 Hover] #a10000
Get e-price
Inactive: 40% transparent
Get e-price
Secondary: [Brand 2] #ececec
Get e-price
Hover: [Brand 2 Hover] #cecece
Get e-price
Inactive: 40% transparent

Sizes

Default: 40px, 15px
Extra Large: 50px, 19px
Large: 45px, 17px
Small: 30px, 13px
Default: 40px, 15px
Extra Large: 50px, 19px
Large: 45px, 17px
Small: 30px, 13px

Combinations

Forms

Default

$0
$62,999
2006
2017

Field Widths

Buttons

Standart Sumbit Button
Multi-Step Button
Multi-Step Button(Submit)

Panels

Tooltips

Top: #222, Text 15px, #fff
Bottom: #222, Text 15px, #fff
Multiple Lines: #222, Text 15px, #fff
Left: #222, Text 15px, #fff
Right: #222, Text 15px, #fff

Popovers

Top Popover

Lorem ipsum dolor sit amet, con sectetur adipisicing elit vix liquam.

Bottom Popover

Lorem ipsum dolor sit amet, con sectetur adipisicing elit vix liquam.

Left Popover

Lorem ipsum dolor sit amet, con sectetur adipisicing elit vix liquam.

Right Popover

Lorem ipsum dolor sit amet, con sectetur adipisicing elit vix liquam.

Overlays

Misc

Collapsible

Expanded
Content

Soon

  • Collapsible
  • Misc