Why Plumb exists
Layout problems are often visible before they are easy to explain. Plumb makes the structure behind a webpage easier to inspect directly in context.
Inspect dimensions and spacing
See width, height, margin, padding and gap without repeatedly switching into developer tools.
Understand position and alignment
Surface positioning and alignment information while looking at the element itself.
Use visual guides
Pixel rulers, grids, columns and baseline guides help make relationships across the page easier to understand.
Outline the structure
Outline mode reveals the boxes and boundaries that make up the interface, making hidden layout relationships easier to see.
Current product direction
Only confirmed details are presented here. The CMS can expand this record as the product moves through naming, design, development and release.
- Inspect width and height
- Inspect margin and padding
- Inspect gap
- Inspect position and alignment
- Pixel ruler
- Grid guides
- Column guides
- Baseline guides
- Outline mode
Identity and product assets
- 01Chrome extension
- 02Layout inspector
- 03Spacing inspector
- 04Pixel ruler
- 05Grid and column guides
- 06Baseline guides
- 07Outline mode
- 08Chrome Web Store release