Just press RIGHT SHIFT

Discover the hidden details of any website

Powerful Design Inspection Tool

Typography icon

Typography Details

Font family, size, weight, line height and spacing at your fingertips

Colors icon

Element Colors

Text, background, border colors with RGB and HEX values

Box model icon

Box Model

Width, height, padding, margin and position values in one view

Pixel icon

Pixel Perfect Details

Analyze any element with pixel-level precision

How It Works

1

Install the Extension

Add W-Design Toolbar to Chrome or Firefox in seconds

2

Browse Any Website

Navigate to any website you want to analyze

3

Press RIGHT SHIFT Key

Hold RIGHT SHIFT and hover over any element to see detailed information