The Night Walker

Design

Gradient

I chose to create a subtle linear gradient for the background because I wanted to express how throughout the excerpt, things gradually get darker and worse for Daniel as he realises what Ash is capable of.

The further you scroll down the page, the further you're following Daniel and descending (or scrolling) into hell, aka the ‘Underworld’, as referenced in the Greek myth.

This is when the colour changes to almost black and you can sense how sinister the story is becoming.

Colour

I used a container for the main content because I wanted to ensure the text would still be legible as I didn't want it directly placed on a background with changing shades, so chose one solid colour for main.

I chose a burgundy/dark purple colour scheme to match the pomegranate theme from the Greek myth. However, purple is also the colour of mystery and nostalgia, illuding to Daniel's childhood friend Ash and the ominous circumstances that have allowed him to, in a way, be reborn.

A lot of memory or dream scenes in film are edited with a similar purple tone so viewers can easily differentiate between what is the character's past/dream world and what is their reality.

Typography

I used the font ‘Rubik Glitch’ for my h1 titles because the glitch reinforces that there is something broken in this world. The distorted effect implies that there is something mysterious and other worldly that is going to occur.

This style of typography works well with the story because the distorted letters visualises the increasingly blurred lines between reality and the unknown, in other words, the Underworld.

Layout

I included the horizontal rule border-top lines at first because I just wanted to give the reader a bit of a breather as the piece of text on my home page is rather long. However, when it came to designing the other pages, especially laying out this design page, it worked well to use it here too as it gave each part more of a dominant section, allowing you to focus in on what you are reading.

With the previous break line above it as well, they almost act as borders that force your eyes to stay within that reading zone, creating a manageable chunk.

I used the dotted style for the border-top because I wanted to carry on the theme from the headings, where it looks like something is eroding or being worn down. It creates a bit more friction than the smoother groove style would have.