Basic elements

Buttons

Menu

Input

Progress bars & Sliders



Navigation

Checkboxes

Radio Buttons

Toggles

Tags

Share

Tooltips

Text Box

Lato is free web-font designed by Lukasz Dziedzic from Warsaw.

Here you can feel the color, size, line height and margins between paragraphs. Don’t forget to underline your links, they are important visual marker for user.

Also, to attract attention you can mark some important words using bold weights.

Headings

Header

Header 2

Header 3

Header 4

Header 5
Header 6

Color Swatches

#1abc9c
Turquoise
#16a085
Green sea
#2ecc71
Emerland
#27ae60
Nephritis
#3498db
Peter river
#2980b9
Belize hole
#9b59b6
Amethyst
#8e44ad
Wisteria
#34495e
Wet asphalt
#2c3e50
Midnight blue
#f1c40f
Sun flower
#f39c12
Orange
#e67e22
Carrot
#d35400
Pumpkin
#e74c3c
Alizarin
#c0392b
Pomegranate
#ecf0f1
Clouds
#bdc3c7
Silver
#95a5a6
Concrete
#7f8c8d
Asbestos

 

SWATCHES

Colors — is almost the most important part of the Flat UI. Better to use different shades of provided colors than new.

For your convenience we also provide Swatches Preset (flat‑ui‑swatches.aco in the Pack folder).

No gradients, no shadows.

Vector Icons (14)

Glyphs (20)

24 pixel grid
16 pixel grid

Samples

  • Meet Adrian at 6pm

    Times Square
  • Chat with V.Kudinov

    Skype conference an 9 am
  • Watch Iron Man

    1998 Broadway
  • Fix bug on a Website

    As soon as possible

Web Oriented

100% convertable to HTML/CSS layout.

Get Pro

Easy to Customize

Vector-based shapes and minimum of layer styles.

Get Pro

Color Swatches

Easy to add or change elements.

Get Pro

Free for Share

Your likes, shares and comments helps us.

Get Pro
@monstercritic
Tourist. Designer. NYC
Download

Your likes, shares and comments make us happy!