Generic codes and conventions of magazines and websites. In this research task I chose three magazines and three websites of the same genre and analyse their generic codes and conventions.

1. Research task 2: Generic codes and
conventions

2. CONVENTION:
The model’s head is Infront of the
masthead, however its still legible.
CODE:
The colour pink
conventionally is a colour
associated with femininity, in
this example its used to
represent femininity and
appeal to a female audience.
And also matching the lip tone
of the model in the main
image.
CONVENTION:
The size of the text varies
according to the prominence of
the feature or article’s cover line.
CONVENTION:
The size of the masthead is the biggest
text within the front cover. This is
because it’s the name/title of the
magazine.
CODE:
Its also the only text written in a serif
font type, this connotates tradition and
elegance. This is conventional in fashion
magazines for example Vogue and
Harper’s Bazaar.
CODE:
The model on the cover is Margot Robbie,
a well-known actress. She appeals to a
female audience and portrays the main
contents of the magazine genre: fashion,
beauty and celebrities.
CODE:
The colour white conveys the idea of
innocence, purity, cleanliness, etc. All
conventional attributes of a certain idea
of femininity.

3. CONVENTION:
The model is positioned behind the
masthead. However, it remains legible.
CODE:
The colour red conveys love,
passion and anger. Love and passion
is commonly associated with
femininity, and appeals to a female
audience.
The red also matches the lip tone of
the model.
CONVENTION:
The sizing of the text on the front cover
varies according to importance of the
cover lines.
CONVENTION:
The size of the masthead is the largest
text on the front cover. This is because it’s
the name/title of the magazine.
CODE:
Its also written in a Sans Serif font (so is
most of the text on the page),
connotating a modern, minimal, clean
look.
CODE:
The model on the front cover is well
known British actress Rachel Weisz. She
appeal to the female target audience,
portraying the main contents of the
magazine genre: beauty, fashion and
celebrities.
CODE:
The red colored dress symbolizes love, a
conventional attribute of a certain idea of
femininity.

4. CONVENTION:
The model is positioned in front of the
masthead. However, it remains legible.
CODE:
The colour pink associates with
femininity, in this example its used
to represent femininity and appeal
to a feminine audience.
The colour pink also matches the lip
tone of the model in the main
image.
CONVENTION:
The size of the cover lines vary
according to the prominence of the
feature or article’s cover line.
CONVENTION:
The size of the masthead is the largest
text on the front cover. This is because it’s
the name/title of the magazine.
CODE:
Its also written in a Sans Serif font (so is
most of the text on the page),
connotating a modern, minimal, clean
look.
CODE:
The model on the front cover is Nienke
Plas a well-known YouTuber. She appeals
to a female audience and portrays the
main contents of the magazine genre:
fashion, beauty and celebrities.
CODE:
The colour pink conveys the idea of love
and kindness. And is associated with
femininity.

5. Brand image/masthead:
Font type, colour scheme,…
Menu navigation bar:
Includes links, menu, search box etc.
Helps the reader get around their
website easier with information clearly
distinguished from each other.
New/most important content is
placed at the top of the page:
With the largest image on the
page, as this is what the readers
see first.
Main buttons
(login/register &
subscribe):
May include
offers and
alternative
languages.

6. Brand image/masthead:
The masthead stands out from the
white background. The white text
also contrasts with the red logo.
Search bars:
For the readers to use in order to ease
navigation.
Navigation bar:
Includes a bit of colour to further
improve consumer navigation around
the homepage.
Colour scheme:
The colour scheme
for the website is
white, black and
red. These colours
stand out from each
other, so the text is
easy to read, and
images are easy to
distinguish.
Labels to inform the reader what the
pictures are about.

7. Masthead/brand image:
Stands out at the top of the
page, with black text to contrast
against the white background.
Navigation bar:
Large and clear placed at the top of the
page. Helps the consumer navigate
around the website and lets them know
that they are professional.
Main buttons (login/register
& subscribe):
Where readers can sign in to
personalise the content they
see. Or create an
account/start a subscription.
Labels to inform the reader what the
pictures are about.