# data[].attributes.body
This is my final layout. On the first page I right aligned the columns which ties in with the subheading text above it. I am happy with the second page layout I like the even white space on either side

# data[].attributes.body
The black headings work much better and I don’t think I’ll use the decorative font for the headings

# data[].attributes.body
Experimented with using a tint at 75% for the 2nd page and using a darker hue for the names of the cafés. I don’t think this colour combination works well as the headings don’t stand out as much

# data[].attributes.body
Experimented with using Abril Display font for all headings

# data[].attributes.body
Rearranged the 2nd page… this works better than previous layout

# data[].attributes.body
Headers size 12 and footers size 10
Futurs PT Medium

# data[].attributes.body
Potential final mock-up
Each paragraph has 3mm indent
font size 9pt

# data[].attributes.body
12mm margin… 9 columns with 6mm gutter
Font is 9pt

# data[].attributes.body
Table is right aligned with text

# data[].attributes.body
Changed headings to colour… think this layout for table works better

# data[].attributes.headline
10mm margin on outside 12mm everywhere else

# data[].attributes.subject
10mm margin on outside 12mm everywhere else

# data[].attributes.body
10pt text with 12 pt leading

# data[].attributes.headline
12mm margin all sides…9pt text with 13pt leading

# data[].attributes.subject
12mm margin all sides…9pt text with 13pt leading

# data[].attributes.body
Increased display font size which works better

# data[].attributes.body
Think the asymmetrical positioning of the image is quite effective…I feel that my weakness is the second page I have to figure out how to lay it out as in my previous experiments something isn’t working

# data[].attributes.body
Liked the idea of text wrapping around the image. Also thought it could be space effective to put the info about the image in the margin.

# data[].attributes.body
I really liked this page due to the variety of different typefaces used and different weights… I also liked the idea of using a thin line to separate the columns I will experiment with using this idea to separate the boxes of text with cafe recommendations

# data[].attributes.body
Taking into account the fact that I wanted a higher word average per line I made this a 9 column grid and I think it works much better. I like the 2 columns of text as they stretch out further and are easier to read. I like the way in which the photo placed at the top is almost like a window into the Cafe

# data[].attributes.body
This was my initial layout however when I experimented I found that I preferred having an average of 6-7 words per line and this layout only has on average 5. I find this a very abrupt reading experience and the triple columns of text can be a awkward to read

# data[].attributes.body
6 column layout.. column width 28.3mm
Gutter 6mm
I prefer a wider gutter as in previous mock-ups I had used a 4mm gutter and it looked like the text was too close together

# data[].attributes.body
First experiment.. font size is 10 pt and leading is 12
2nd experiment.. font size is 10 pt and leading is 13. I prefer this layout as I think the extra leading creates white space making it a more enjoyable reading experience..article also feels ‘lighter’ due to white space

# data[].attributes.body
I would like my magazine to be produced using coated paper in a matte finish…this  allows the images to be bright and vibrant and the ink is still easy to read as there is no shine.
Paper weight…around 90 gsm

# data[].attributes.body
12 column grid with text divided into 2 columns.. reading experience is easier …possibly look at justifying the text

# data[].attributes.body
12 column grid with text divided into 3 columns…I find the reading experience a bit awkward. A lot of the words are cut off and placed on the line below

# data[].attributes.body
Playing around with different table layouts. I pulled out the background colour from the image..warm and similar to coffee colour palette. Have to figure out if horizontal or vertical layout will work better

# data[].attributes.body
Display font- April Display
Subheading- Muli (italic)
Body copy- Muli (reg)
I like the idea of putting the subheading in italics or something to differentiate it from the body copy. Same as before the body copy would need to be bigger in order to be clearly legible.

# data[].attributes.body
Display font- Relation Two (Bold)
Subheading font- Fieldwork (Geohair)
Body copy- Fieldwork (Geohair)
I like how light the subheading font looks but I also think the body copy font is too small at 10pt. It would need to be bigger to improve the reading experience

# data[].attributes.body
Display font-Abril Display
Subheading- Montserrat Alternate
Body text- Montserrat
I like the roundness and warmth that Montserrat alternate brings however I don’t think it would be appropriate for body copy so I like this combination.

# data[].attributes.body
Display font- April Display(black)
Body text- Montserrat (regular)
I like this combination… I would probably make subheading text a different weight to differentiate it from body copy

# data[].attributes.attachment_caption
Montserrat Typeface is very similar to Avenir and it has a large family giving me the option of many different combinations. It was inspired by Futura

# data[].attributes.body
Another possible mock up

# data[].attributes.body
I brought the raw text into Indesign to get an idea of how much text there is so that my thumbnails wouldn’t be too disproportionate

# data[].attributes.body
Nice use of white space..what caught my eye was the way in which the little pull quote is placed in an interesting position as if it is floating in midair

# data[].attributes.body
I love the feeling of warmth I got from this page. I should consider putting text over the image as this could save space but also works well

# data[].attributes.body
Don’t be afraid to break up the image… mosaic effect

# data[].attributes.body
Upon further research I actually think I prefer a sans serif font for body text. I think it gives a warmer feel to the article and will pair well with the display font

# data[].attributes.body
Caslon font..I think a serif font would compliment the display font perfectly

# data[].attributes.body
Different possible layouts

# data[].attributes.body
I like the way the heading font is placed vertically over the image… the rest of the layout wouldn’t work well as I have too much text

# data[].attributes.body
Vibrant, lively… reflects the energy in a cafe

# data[].attributes.body
Friendly, informal typeface
I think a handwritten script font is more personal and less rigid in appearance than a serif/sans serif font

# data[].attributes.body
Variety of different fonts used.. effective contrast which breaks up the text making it easier to read

# data[].attributes.body
I like the use of white space and the bright image adds a warm feeling to the article.

# data[].attributes.body
I like the way the colour was pulled out of the image. Interesting layout and nice use of white space. Slightly too much decorative font used in my opinion.

# data[].attributes.body
Mood Of article I want to convey