graphical and codes layouts