In order to create more complex lines of code, the student can drop a new key within a template that has already been created. The paper texture expands to encapsulate all code contained between brackets.
In the online version of Codecademy, there are several points of interest on screen for the student to look at in any given moment: the instructions, the editor, and the console. This might be a little confusing for a younger student, so I've consolidated all of that text into one location, and defined conventions for delineating between each type of text.
All instructional text is contained in word balloons. Grey balloon text is purely informative, blue balloon text indicates that a task is being given, and pink balloon text appears when the hint / help button is tapped.
All editable code is contained in pieces of colored construction paper. Anything that would be in the editor appears in this format.
Anything that would appear in the console is shown as grey text written directly on the notebook paper.
The holes in the looseleaf paper are a visual element to help the student keep from losing his or her place when scrolling.