h1. heading

h2. heading

h3. heading

h4. heading

h5. heading

h6. heading

Code:

<h1>h1. heading</h1>
<h2>h2. heading</h2>
<h3>h3. heading</h3>
<h4>h4. heading</h4>
<h5>h5. heading</h5>
<h6>h6. heading</h6>

Typography

Example:

Some page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis egestas pharetra purus quis accumsan. Maecenas erat erat, cursus nec euismod ac, dictum ultricies diam. Curabitur arcu lectus, pulvinar ac placerat non, iaculis nec tellus. Aliquam ultrices vulputate diam, in eleifend felis porttitor id. Quisque fermentum magna et sem feugiat dapibus quis a eros. Nunc eros sem, eleifend nec tellus at, pretium lobortis nunc. Aliquam malesuada viverra fringilla. Nunc a semper augue.

Code:

<h1>Some page title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis egestas pharetra purus quis accumsan. Maecenas erat erat, cursus nec euismod ac, dictum ultricies diam. Curabitur arcu lectus, pulvinar ac placerat non, iaculis nec tellus. Aliquam ultrices vulputate diam, in eleifend felis porttitor id. Quisque fermentum magna et sem feugiat dapibus quis a eros. Nunc eros sem, eleifend nec tellus at, pretium lobortis nunc. Aliquam malesuada viverra fringilla. Nunc a semper augue.</p>

Forms

Example:

Code:

<form>
<input type="text" placeholder="Username"/>
<input type="password" placeholder="Password"/>
<button class="button" type="submit" value="Login" >Login</button>
</form>

Buttons

Example:

Code:

<button class="button"/>Button</button>
<button class="button pink"/>Pink button</button><br>
<button class="button-big"/>Big button</button>
<button class="button-big pink"/>Big pink button</button>

Images

Example:

Some image description

Code:

<div class="image-block">
<img src="example.png" width="300">
Some image description
</div>

Colors

#FAFAFA

#D91B5B

#2D2D2D

#333333

#EE3B5B