By sketching out different components found within an interface you will become more familiar with the common presentation of different UI patterns. These grid pages are based on a 8-pixel dotted grid. This grid will help you use a base unit of measurement to determine how things will fit into your wireframes (margin, spacing, font size, leading, etc, ). You can use the pages to create a close-up view of individual components or an overview page with the components placed within it. This is the companion book to UI Design Workbook.