#FFFFFF
Primary background
#F4F7FC
Secondary background
#191C3C
Titles
#FF557E
Button
#E83D5E
Button on hover
#7C8595
Paragraph text
#8B57FB
Highlights (eg: Icons)
FONT: NUNITO SANS
Margin in Block:
100px top & bottom (desktop)
50px top & bottom (others)
Padding Inside texts:
20px - 50px depends on size
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
THIS IS AN ICON LIST
This is an icon list item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
H1 clean - size 60px, padding 20px below, black
H2 clean - size 35px, padding 20px below
H3 clean - size 24px, padding 20px below
H4 clean - size 20px, padding 20px below
H5 clean - size 16px, padding 20px below
Par clean - size 18px, padding 20px below, normal letter height
Par clean - size 18px, padding 20px below, normal letter height
Nested/Column Design Blocks
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
List Icons
-
This is an icon list item
-
This is an icon list item
-
This is an icon list item
-
This is an icon list item
Box Styles
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elementum elit. Nulla pharetra sem id nisi ornare, eget porta eros vehicula. Morbi vel nisl finibus, porta lacus eget, lobortis enim. Vivamus laoreet ligula ut ipsum sagittis lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae enim vitae augue pretium rutrum non eget ex. Vestibulum a tellus a turpis condimentum sodales et et odio. Nam iaculis dignissim nunc ut fermentum.