Styleguide
A preview collection of pre-designed elements, graphics and rules you should follow to ensure that separate website pieces will be consistent and will create a cohesive experience at the end.
Headings
This is an h1 heading
This is an h2 heading
This is an h3 heading
This is an h4 heading
This is an h5 heading
This is an h6 heading
Paragraph With Links
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco a laboris nisi ut aliquip ex ea commodo consequat.
Colors
Primary colors
#C5198D
#454545
#9DA7A7
#D6DBDB
#FFFFFF
#E8EDF0
Secondary colors
#F3CEE6
#CDF3E7
#F6E9CA
#D2DEF2
#E2E9F1
Table
Header 1 | Header 2 | Header 3 |
---|---|---|
row 1, cell 1 | row 2, cell 1 | row 3, cell 1 |
row 1, cell 2 | row 2, cell 2 | row 3, cell 2 |
row 1, cell 3 | row 2, cell 3 | row 3, cell 3 |
Tooltip
Buttons
Forms
Dropdown
Pagination
Showing 12 items per page
Tabs
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.
Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Alerts
Tags
Cards
Option 1
-
by adminNov. 27, 8:51 am
Option 2
Option 3
-
Bastian Celio
Manager
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
Modal
Benefits
Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id.