This Wednesday we are getting down and dirty with Medina, a small family business in Medina, Ohio. First off we would like to congratulate them on their expansion, their first shop opening this fall. As you can see from their homepage photo, no job is too big for Medina’s and maybe that is the reason for their ongoing success.

The site owners do a great job of using font types and sizes to highlight important content while creating a visual sequence for their visitors. We also love seeing such a strong ‘Call-To-Action’ message on the homepage, great job in engaging your visitors.

Tips on how to improve your website using typography:

Typography is defined as “the art and technique of arranging type in order to make language visible”. In the website design world, this translates into how to properly utilize spacing, font types and sizes in order to create the best visual impact. Correctly selected fonts and spacing will not only improve the look and feel of your website, but will also increase its readability.

  1. Font Type — When starting to create your website (or editing an existent one) it is important to consider the style of font you are using. A couple of items to remember when selecting a font: does the font style reflect the tone and intention of your website? Is it easy to read for your intended audience? Does it add or retract away from what you are trying to convey? Learn more about text formatting.
  2. Font Size — Size of your font also plays into how your website is perceived. General rule of thumb is to use larger fonts to emphasize key elements such as titles, headings and calls-to-actions. The main body of the website should stay consistently in one size, ensuring the font size is smaller than your key elements but not too small that website visitors are straining to read presented information.
  3. Length of Text Lines — Sometimes referred to as measure, helps to define the width of columns of information presented on your website. For example if you are creating a column of text that is too narrow, visually it makes your copy (text) seem longer and could potentially overwhelm any website visitors from attempting to read presented information. If the column is too long, then you potentially face the problem of requiring website visitors to scroll. The key is to find the right balance between the two.  Some experts believe that the sweet spot of measure is about 65 characters.
  4. Alignment — Ensuring the text (and other elements) on your website align properly creates a strong foundation for readability and accessibility of your website. You can achieve proper alignment by thinking about utilizing columns, paragraphs, rows and sidebars. The key to alignment is to keep consistency and not to introduce too many variations.
  5. Color — Color of your text plays a key role in settings the mood as well as attractiveness of your website. Think about the feelings that are associated with various colors and emotions can impact your message. Usability: Basic Color Scheming.
  6. White Space — White space is the space left between various elements on your website (it does not necessarily describe the color of that space). Using blank or white space can add emphasis to your content as well as make your website more visually appealing. Keep in mind that empty space does not need to primarily be white; as long as the color is consistent with your layout. Learn more about the value of a clutter-free website.

Thank you for reading this week’s Example Site Wednesday post, if you feel like your website has what it takes to be next, please leave a comment on this post!

See You Next Wednesday!

About the Author: Irina Kabigting is Webs’ Social Media Marketing Manager. Get more from Irina on Webs’ Blog and Google+.

3 Responses

  1. Reply
    May 02, 2012 - 01:45 PM

    This all well and good but the website needs to be adaptable. Which webs provide. In the case of our website We are neither a business nor a charity.
    We are archers and as such constantly learn.
    Was this useful to us ? Remains to be seen. Advice is always welcomed. here in Scotland The fun archery folk. Spot the errors !!

  2. Reply
    May 03, 2012 - 04:47 PM

    Great tips! My site look much better now. Thanks !

  3. Reply
    May 07, 2012 - 01:09 PM

    Thanks Webs! We have made some additional enhancements…check it out!

Leave a Comment


Layout Style

Header Style

Accent Color