2

Block Design Tools

This chapter goes a little further into design tools, exploring each of them and the types of tools offered. Design tools are useful to style blocks and elevate your designs, unlocking capabilities that previously required you to know how to code. So, together, we will go through examples and look at how you can use these tools.

In this chapter, we will go over the following:

  • Stepping into design tools
  • Typography
  • Dimensions and spacing
  • Color
  • Layout
  • Borders
  • Shadows
  • Leveling up design tools

Stepping into design tools

In the previous chapter, we learned about the different types of design tools and how they can be helpful in unlocking the power of complex design combinations. We also discussed how their simple interfaces ...

Get WordPress Styling with Blocks, Patterns, Templates, and Themes now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.