Let's think a bit about what "ΔG" is. It's not that obvious. The green arrows on the diagram are misleading, they are not "ΔG" in the equation. (Think what would happen to ΔG at extent of reaction = 0 or 1.) What is "ΔG", the quantity that is equal to zero at equilibrium? It is, for a given composition, represented by Q, the free energy change of converting a mole of A (n-butane) to B (isobutane) at that composition. (It is not, e.g., the difference between starting materials and mixture at Q; or, as your diagram might suggest, between mixture at Q and equilibrium mixture.) Imagine that you had a huge vessel, with a million moles of mixture at a given composition; converting 1 mole of A to B would have negligible effect on the overall composition. The free energy change would be "ΔG". Scale this system down to 1 mole of mixture and ΔG, per mole of A converted, is equal to dG/dα, where α is the extent of reaction. In other words, it is equal to the slope of the green G-α curve. This slope is zero at the equilibrium point, where G is a minimum. If the curve is properly drawn, at the composition where Q = 1 the slope of the green curve should be equal to the slope of the red line (= ΔG°/1).