← all styles

// style

Flat Design

No shadows, no gradients, just clean solid shapes and color.
traits.txt
  • ▸ Solid fills
  • ▸ Simple icons
  • ▸ Bright palette
palette_options.clr

Palette possibilities

Starting point

#3498DB · #E74C3C · #2ECC71 · #F1C40F

Mailchimp reference

#FFE01B · #241C15 · #FFFFFF · #007C89

Microsoft Metro (Windows) reference

#0078D4 · #FFFFFF · #000000 · #107C10

Information is Beautiful reference

#FAFAFA · #2A2A2E · #F06292 · #FDD835

Real examples

mailchimp.com
Homepage of Mailchimp

Fonts

Means Web · Graphik

Colors

#FFE01B #241C15 #FFFFFF #007C89

microsoft.com
Homepage of Microsoft Metro (Windows)

Fonts

Segoe UI

Colors

#0078D4 #FFFFFF #000000 #107C10

informationisbeautiful.net
Homepage of Information is Beautiful

Fonts

Quicksand · IBM Plex Sans

Colors

#FAFAFA #2A2A2E #F06292 #FDD835

Get the newsletter

Great designs and de-slop tips. What's in it

Great designs, de-slop tips, now and then. Unsubscribe any time.