Basic elements
Buttons
Menu
Input
All messages
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 conveniense we also provide Swatches Preset (flat‑ui‑swatches.aco in the Pack folder).
No gradients, no shadows.
Vector Icons (14)
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
Welcome to Mail App
Your likes, shares and comments make us happy!