How To Add Non-Textual Elements To A Baseline Grid

A few weeks ago I offered some tips for setting up a baseline grid. In a comment Raul wondered why most articles about baseline grids focused on textual elements while not mentioning non-textual elements such as forms.
Continue reading

22 Examples Of Different Grid Types On The Web

A few months ago I posted about 4 different types of grids common in design — the manuscript grid, the column grid, the modular grid, and the hierarchical grid.
Continue reading

Tips For Setting Up A Baseline Grid

When people talk about typographic grids it often revolves around the horizontal and aligning elements to columns of precise widths. The vertical gets slighted at times due to the dynamic heights of web pages.

However, we shouldn’t ignore the vertical. We should set the vertical to a baseline grid.
Continue reading

A New Flexible Solution To A Responsive Layout Problem

A couple of weeks ago I talked about a problem I was having in a responsive layout along with my attempted solution to the problem. If you remember that solution wasn’t something I liked due to its inflexibility.
Continue reading

How To Design the AIDA Sales Process

The AIDA sales process has been with us for more than 100 years. It’s a simple model for the 4 and sometimes 5 stages that occur in order to make a sale. Without a sales person to guide the process how can we design for AIDA on our websites?
Continue reading

css.php