How to cut up two rounded rectangles into this

Question

I want to recreate this in Illustrator.

I have created two rounded rectangles and used the Pathfinder pnael to cut them up. I now have this:

But I still doesn't know how to make on arche endpoint come inwards to match the sequare edge and also how to add equal white-space (the cuts).

I'd appreciate some pointers.

Answer 1

Start with a shape like this.

These are two rounded rectangles, with wide strokes, expanded to outlines, and four squares at the intersections.

Then use the Shape Builder tool to make the pieces. When you have finished add gradient fills to each piece.