Today I would like to show you how to create lines like above in Expression Design. After opening Expression Design, start by creating a new .design document.                       Now, zoom in a bit to the upper left corner of the document. Draw a small rectangle and give it some easy numbers. Move the rectangle to 10, 10 and change it width and height to 10 too. Change the stroke of the rectangle to none, and change the fill color to black. Copy the black rectangle and move it to position 10,20. Change its color to a medium grey, like #999999. Create another copy of the rectangle and move it to position 10,30. Give that rectangle a light grey color, #DDDDDD. Add a fourth copy and move it to 10,40. Fill it with a dark grey #555555. At this point there should be a stack of 4 squares like this:   Next, the four rectangles have to be turned into a stroke definition to use it for the drawing. Select all four rectangles and go to Object –> Stroke –> New Stroke Definition… By default there’s some room around the squares. ...