This isn't about sharing the story of Romeo and Juliet line by line. 

Most of us know William Shakespeare’s Romeo and Juliet, but not everyone has read the play due to the language in which it is written.

That is why the full length play is not on this website. This visual story aims to break the language barrier by creating emotion and having the viewer experience the story through each act.


The story of Romeo and Juliet begins with a long feud between the Montague and Capulet families, which causes chaos in the city of Verona.

Relationships are constantly changing much like the opening sequence as you first enter the story.

Revenge, love, and a secret marriage force the young lovers to grow up quickly—and fate causes them to commit suicide in despair.

Moving past the opening sequence, the prologue gives background to what will be experienced and alludes to the tragedy this play holds.

As you scroll through the story, the right side of the page shows exactly which act you are on and you can skip acts or go to the beginning whenever you choose. On the left side you’ll see characters being crossed out and turn to red, which indicates all the deaths that happen and in which acts these deaths take place.

I chose to pair a gothic typeface with a simple sans-serif to give note to the time in which this play took place but also to represent how relevant this play is still to this day.

Act 2
Act 5

Text overlaps one another and is set in a non-tradional way in order to create tension, which represents what is happening within the play.

Act 2, is when Romeo and Juliet’s relationship starts to build and they begin to fight for their love. This is shown through a change in background color, which also eludes to tragedy soon to come.

“These violent delights have violent ends,” spins forever in circle to resemble one of the themes throughout the play.

Some of the last lines spoken by Romeo and Juliet show that they died for similar yet different reasons. This is shown through the two separate lines sitting directly next to each other and typeset in a very similar way. Both lines can be viewed differently, or as you hover over each line they can be viewed the same.