I propose this layout, with pstricks
:
\documentclass[ a4paper, x11names, border=3pt]{standalone}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{eulervm}
\usepackage{pst-plot, pst-node}
\usepackage{auto-pst-pdf}
\begin{document}
\small\sffamily
\begin{pspicture}(-5,-5)(5,5)
\psset{unit=4, arrowinset=0.15, linecolor=LightSteelBlue4, linejoin=1, dimen=middle, shortput=nab}
\psaxes[ticks=none, labels=none](0,0)(-1.25,-1.25)(1.25,1.25)[$\theta$,0][$\phi$,90]
\psframe[linewidth=1.2pt](-1,-1)(1,1)
\pnodes{A}(-1,1)(0,1)(1,1) \pnodes{B}(-1,0)(0,0)(1,0) \pnodes{C}(-1,-1)(0,-1)(1,-1)
\psset{fillstyle=solid, fillcolor=Azure3!50!}
\pspolygon(B0)(A0)(A1)
\pspolygon(B1)(A1)(C2)(B2)
\pspolygon(B0)(B1)(C1)(C2)
\psset{linewidth=0pt, nrot=:U}
\ncline{B0}{A1}_{$\phi =\theta+1$}
\ncline{A1}{C2}^[npos=0.35]{$\phi =1-2\theta$}
\ncline{B0}{C2}_[npos=0.35]{$2\phi =-\theta-1$}
\end{pspicture}
\end{document}

latex-latex
. Remove it if you don't want arrows. Use-latex
(orlatex-
) if you want arrow only at the end (or beginning).