Web Design: Creating a Web Design Style Guide

Jake Fleming, Designer & illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Videos (36m)
    • Introduction

      0:29
    • Your Assignment: Create a Web Design Style Guide

      5:00
    • Type and Tone

      7:56
    • Layout & Space

      4:06
    • Color

      3:25
    • Icons and Images

      2:43
    • Forms and Buttons

      7:10
    • Sample Page

      5:27

About This Class

Join me in this essential web design class on creating a style guide. You will learn the building blocks for a beautiful and usable website, and how to develop a style guide for your site that touches all necessary elements: type, space, color, icons, imagery, forms, buttons, and more. This class will equip you with everything you need to succinctly design and build the vision for you or your business on the web, and you'll finish the class with a complete web style guide and a sample page for your website.

151 of 157 students recommendSee All

Very useful class. I didn't know how to organize a style guide and now I have the knowledge to start making mine.
Very clearly showing the process!
Really helpful to see how to distribute elements along a page with spacing and margins and elements that should be included. Great lesson. Really worth the short lesson. Kept my attention the whole time.

2,759

Students

32

Projects

Jake Fleming

Designer & illustrator

Jake Fleming has been a designer and illustrator for most of his life. He currently designs for the web at Appiphony. His passion for design and video games helped fuel the creation of Piasa Games, an indie game studio he co-founded with Corey Warning and Mike Blazek.