This list of design elements helps you build quick layouts and mockups for your project.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Responsive Embed

Buttons

Normal Button Filled Button Filled Colored Button Underline Button

Tabs

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.

Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue.

Blockquote

First, we must ensure the validity of the approach. Second, we must confirm browser makers to add support for web fonts.

Andrew Simons – web developer

Lists

We are a digital agency with 20 plus years
Business like this takes much more effort
Worries about making train connections

We are a digital agency with 20 plus years
Business like this takes much more effort
Worries about making train connections

Preformatted

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Table

Header 1	Header 2	Header 3
First Line	First Line	First Line
Entry Line 2	Entry Line 2	Entry Line 2
Last Line	Last Line	Last Line
Table footer is also present

Styleguide