Style guide - flatly

Brand Colors

#2C3E50
#18BC9C
#3498DB
#F39C12
#E74C3C

Gray Colors

#000000
#222222
#7b8a8b
#95a5a6
#b4bcc2
#ecf0f1

Paragraph styles

Text Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Text Center

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Text Right

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Serif font

Text Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Text Center

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Text Right

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab architecto cum molestias necessitatibus nihil pariatur placeat veniam voluptates. Accusamus alias beatae ea est illo quibusdam quidem quod velit veniam vitae!

Links Styles

Lorem ipsum dolor sit amet, consectetur Link in paragraph elit.

This is a link

Titles Styles


This is h1 title

This is h2 title

This is h3 title

This is h4 title

This is h5 title
This is h6 title

Text color

Default text color example

Muted text color example

Alerts Styles

Success alert box example

Info alert box example

Warning alert box example

Danger alert box example

Form fields

Checkboxs

Radio buttons