DEV Community

Takane Ichinose
Takane Ichinose

Posted on

CodePenChallenge Magazine Layout

CodePenChallenge Magazine Layout

Description

This is my sample layout for a design of a magazine.

Dominantly, I used purple colour, just because when I'm browsing a magazine for a reference, the first colour I have seen is purple. Although, I really love this colour.

For header, I used yellow. This is not the direct complementary colour of purple, but supplementary colour of green (which is the complementary colour of purple).

I used green colours for some "highlight" part of the article, to make it "pop-up", and easily readable by the readers.

The font colour is white, because the background colour is a dark color. Also, again the first reference that I saw goes like this.

I don't own too many magazines at home, but I used these magazines to reference my work.

I didn't want to touch the HTML code, so using of images is very limited.

Resources

There are the magazines I used to get reference:

Animage

Nintendo Dream Web

I am not affiliated with those references.

Fonts

Press Start 2P

Fredoka One

Comfortaa

Discussion (0)