Layout, Composition, and Visual Hierarchy

Design alignment lines up edges and baselines so layouts feel intentional. This chapter covers design alignment and how to use it on your website and…

Design contrast uses size, color, and weight differences to highlight key elements. This chapter covers design contrast and how to use it on your…

Design repetition repeats colors, shapes, and spacing to unify pages. This chapter covers design repetition and how to use it on your website and…

Gestalt principles describe how humans perceive groups, patterns, and whole layouts. This chapter covers gestalt principles and how to use it on your…

Layout design arranges content blocks, navigation, and media on a page or screen. This chapter covers layout design and how to use it on your website…

Positive and negative space together define shapes and direct focus in compositions. This chapter covers positive and negative space and how to use it…

Visual balance in design distributes visual weight so a page feels stable. This chapter covers visual balance in design and how to use it on your…

Visual hierarchy orders elements so viewers see the most important information first. This chapter covers visual hierarchy and how to use it on your…

Website layout types include single column, split, grid, and magazine-style patterns. This chapter covers website layout and how to use it on your…

Negative space is the empty area around and between design elements. This chapter covers what is negative space and how to use it on your website and…

White space is intentional empty space used for clarity and focus, not wasted room. This chapter covers white space and how to use it on your website…

White space in design separates sections, highlights buttons, and improves comprehension. This chapter covers white space in design and how to use it…