arvo + Alex Brush http://www.fontsquirrel.com/fonts/alex-brush
A lovely elegant pair of free fonts for a slightly feminine touch.
I am a font junkie. It started when I began scrapbooking in 2001 and hasnt let up. I love fluid clean lines and the first time I saw what is no called Flat Design I felt like I had come home.
Flat design is the opposite of all things Web 2.0 (which now out of fashion called skeuomorphism).
Gone a smooth glossy buttons screaming to be clicked. No more crazy hover effects when trying to click a link. Instead link are bold colour on a sea of negative space.
IMPORTANT TEXT is now huge or decorative.
I prefer keeping fonts down to a minimum. Maybe 3 or 4 at however most of my sites will only have 2. I like a super clean font (Open Sans, Oswald) with the occasional pop of decorative font for headers and other text of note.
For purposes of this article I wanted to list some really nice free cursive fonts perfect for use in Flat Design.
Using colour and a great font you can create bright fresh looks for your site Header, graphics and logos. I also like to use for h2 and h3 tags.
You can download zillions of fonts on the internet for free and I will list some of my favourites. But a good place to start is with Fonts.
If you are sure how to use there are some good articles on installing a Google font.
Free Flat Design Cursive Fonts
This font has really taken off. It is a little over the top but used wisely very effective. I like this on creative sites ie. craft blogs, mommy blogs, portfolio type sites, beauty blogs, etc.
This is also a Google Font.
This has become one of my favourites and have been using it everywhere. Shades of Lobster but a little more subdued. A great font for flat design.
Available as download and Google Fonts.
Railway is not really cursive but it is decorative and is a great “go to” font. This looks very pretty white on dark.
Do you have a decorative font you use over and over again?
I am overhauling a craft site and have been browsing the internet for inspiration. One of the challenges and mistakes that craft bloggers make is cluttered design. While the site itself can reflect the creative personality of artist- don’t let your styling compete with images of your craft and hobby projects.
1) Choosing a simple color scheme,
Colours should complement your work- not over shadow.
Sites like Colorlovers can help you come up with a color scheme for your site.
I am not a fan of multiple bright colours for a craft or art site. I would choose a bold colour and then 2-3 colours that are slightly more understated. Don’t underestimate the effectiveness of gray and black mixed with a bright colour like hot pink or green or blue.
Many themes let you pick out your colours without knowing any CSS. You could also delve into CSS and make small changes that make big impact. (back up your style.css files!!!!!!!!!!)
Here is good example: She uses bold green with gray and black then small pops of colour. This is an easy way for your site to look polished.
More great use of gray…
Here is a good example of using lots of different colors without it being too busy.
One of my favourite crafters, Bird could have easily gone over the top but stuck to basic pink black and grey. When you have A LOT of content simple colour schemes can tie it all together. [thumb]http://www.birdscards.com/[/thumb]
Here they have used bold bright colours- but keep it looking clean by sticking to the main colours. This might be a bit busy for some but the style reflects on the personality of blogger so works .
What does this mean? Your site should have a layout that makes sense and doesn’t confuse visitor or make it hard to “see” your site.
Lose the zillions of affiliate images and sidebar clutter. Consider a more modern design where the trend is to put all that stuff in a “sidebottom” as I call it 🙂 The sidebar where footers used to be.
Too much too soon? Look at your sidebar and ask yourself does this ENHANCE my site or take away? It is a balance between how much the link/image earns you vs. site clutter. Be truthful with yourself. Is the $5.00 a month you earn from Amazon worth it?
It is more effective to use text links in an article post anyway :-).
Start creating and cropping your images so you stick to 3-4 of the same sizes. A good way to figure out sizing is to look at your theme-. What is the size for a feature image? How wide is your content area ( make within 50 pixels of the width of your content)
Refresh and regenerate your thumbnails. Messy image sizing will make your site look cheap and unprofessional. Not crafty and fun :(.
This is about near perfect. Beautiful CLEAN design.
This is a not bad example of keeping a balance between ad revenue and blog space.
3. Update Your Fonts.
Try out some of the new open source fonts from Google.
You can ditch Times New Roman and Helvetica for something fresh and new!
I would keep my fonts no more than 4 and often stick to just 2 and play with weights and decorations. (bold,sizing, underline, italics) size) Run On Sidebars. I have been guilty of this in the past. You don’t need to have every affiliate link /image stuffed into your sidebar. Less is more. Anything you put up on your webpage should showcase your work- not compete for real estate. generally speaking use a clean easy to read for your main body text. Get a little more colourful and use a decorative font for your Header Tags and Titles.
Bit of a minimalist look here and works!
Borders and margins should line up and be neat. Don’t Over Produce. You don’t need 8 different fonts and colours.
Again, this could have gone very wrong. Sticking to simple bold colors and not overdoing it. Some nice flat design touches and creative images make this site stand out. [thumbhttp://samanthaleewalker.blogspot.ca/[/thumb]
4. Update Your Header.
Busy complicated Headers are OUT. Simple , fresh, singular is IN. You can still tone it down without stifling your creativity..
Don’t believe me? Check out these amazingly beautiful and creative headers for craft websites and blogs.
Simple, Beautiful Headers
Sooo easy- yet so lovely!
Decorative font + Colour = Fresh Looking New Header
(Mmmmm… looks a TAD familiar!)
Wow. Got it SOOOOOO right! Look at the colour. You see same colours throughout the blog. Her ads in sidebar suit the site and don’t over power. Well Done, you!
5. Try out a new theme!
I can’t say enough about Genesis Framework for WordPress. Sort of a theme for themes that lets you add all kinds of stuff without breaking your site or knowing CSS.
Your site will get an overhaul with click of the mouse 🙂
What do you think makes a GREAT craft or hobby website? Have you used any of the ideas above to update your site? Feel free to submit before and after pics!
In no particularity order other then when I discovered, here is a growing list of cheeky, bold or otherwise attitude filled flat design websites that prove flat design isn’t boring!
Absolutely LOVE this clever design by Sam Markiewicz who shows off what different …err… hats he wears an an uber talented web designer, developer and graphic designer. Click and be prepared for funky and functional twist.
Deceptively simple this website really impressed me with its fluidity and seamless design.
Only 23?????? Yikes.
Made me laught with its utter simplicty. Can’t help but wonder if the designer is poking fun at Flat design and over simplification.
I love that is clear and does exactly what its supposed to do.
Adorable left sidebar and one of the most unsual I have ever seen. A great example of what CSS can do in the hands of a talented designer.
So brilliant! One of the things I love about flat design is the ability to tell a story with your design.
Flat UI Free – PSD (Graphics), includes:
Glyphs – svg format
Free font used – Lato
The Flat UI HTML & CSS Kit is made on the basis of Twitter Bootstrap, a comfortable and functional framework that simplifies the development of websites. The framework has been proven over the years by developers from around the world.