license - instant magazine · instant magazine template instruction version en2016-02 3...
TRANSCRIPT
Instant Magazine Template Instruction | Version EN2016-02 1
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
Template guideGet the most out of your content with these beautiful templates
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
To help you to get the most value out of your content, we’ve
developed over 30 responsive templates. More templates are being
added to the library on a regular basis. You can use this guide to
quickly find the perfect fit for your content, knowing your audience
can enjoy your content on any device without effort on your part.
Tips:Get to know all templates before your start. Visit: http://instantmagazine.instantmagazine.com/templates/all-templates or get inspired from examples on our website: http://www.instantmagazine.com/examples.
Collect and produce your content and check which template will suit your content best. You can also select a template first and then adapt your content according to it. Bring a copy of this reference guide to editorial meetings to help outline sections and visuals!
When creating a magazine, it’s best to add content first and apply styling afterwards. So before fine-tuning on theme or page level, make sure your content is in place first.
2
3
1
Instant Magazine Template Instruction | Version EN2016-02 3
SummarySummary
License:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
Cover horizontal highlightsFlexible cover
Button stroke
Intro cover Hotspots
Page scrollingSlider One pager
Liquid blocksVideo Easy scroll
Center scroll Long read Multi Gallery
Visual webshop
Gallery
Index pageCover vertical highlights Horizontal arrows Timeline
Instant Magazine Template Instruction | Version EN2016-02 4
SummarySummary
License:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
One pager tilesButtons
Content blocks
Basic webshop Agenda
Dynamic blocksVertical bullets Index cover
Magazine coverSmooth articles
Vertical blocks Embeddable (iframe) 6 Colomns layout
Stackable cover Zooming hotspots
Documentary
Instant Magazine Template Instruction | Version EN2016-02 5
mobile
computer/tablet landscape
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
TITLE
SUBTITLE
TITLE
SUBTITLE
TITLE
SUBTITLE
logo
1/1...
TITLE
SUBTITLE
TITLE
SUBTITLE
TITLE
SUBTITLE
logo
TITLE
SUBTITLE
TITLE
SUBTITLE
TITLE
SUBTITLE
logo
Lorem ipsum dolor sit amet >1/1...
Explanation1 You can place your logo here.2 Highlights, with or without an image. The image can be placed in a
circle or square container. The highlight can be positioned anywhere on the screen by using the ‘select position’ button.
TipsThis is a very versatile template for building covers. Layouts can vary by adding and positioning multiple highlights to your page.Group several highlights to position them as one.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/flexible-cover
Flexible cover
Instant Magazine Template Instruction | Version EN2016-02 6
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
logo
Open magazine
1/1...
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
logo
Open magazine
Lorem ipsum dolor sit amet >
1/1...
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
logo
Open magazine
Explanation1 Your introductory text, preferably under 60 words.2 Button as a link, usually referring to the next page with a call to action encouraging visitors to continue reading.3 The entire content block can be placed anywhere on the screen. Use the ‘select position’ button to position the block.
Tips• Striking photography invites your audience to keep reading.• This template is not solely intended to be a cover page. You can
link the button to pages, overlays or websites.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/cover-intro
Intro cover
3
Instant Magazine Template Instruction | Version EN2016-02 7
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
Lorem ipsum dolor
logo
TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies ne eget, arcu. eget, arcu. dap
Subtitle
Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor
Datum
. --------. --------. --------
1/1
contact
editions
share
TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultri-cies ne eget, arcu. eget, arcu. dap
Subtitle
logoDate
1/1...
Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor Lorem ipsum dolor
Lorem ipsum dolor sit amet >
Title magazine
1/1...
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Datelogo
Explanation1 Your introductory text, preferably under 40 words.2 Up to 4 shortcuts to different pages in your magazine (at least 1 is required).
Tips• A striking cover photo invites the audience to read the magazine.• You can set an alternative background image for mobile platforms to maintain visual balance, or speed up load times with a smaller file size. • This template should contain at least one shortcut. Bear this in
mind during creation.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/cover-horizontal-highlights
Cover horizontal highlights
Instant Magazine Template Instruction | Version EN2016-02 8
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
Title 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
+
+
+
1/1...
Title 1Lorem ipsum dolor sit amet, consectet-uer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellen-tesque eu, pretium quis, sem. Nulla
+
+
+
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-
Explanation1 Text block.2 Hotspots.
You can add a text label to a hotspot. The label becomes visible when you hover over the hotspot. Clicking on the hotspot can require different actions. You link the hotspot to an external link (URL), to an internal page, to an overlay (which can contain several kinds of content) or you can make the hotspot change the content of the text block (1). For the visualizing the hotspot, you can pick a + symbol, a number or you can upload a photo to create a custom button.
TipsBe creative with buttons. Use them to highlight a specific part of your background photo.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/hotspots
Hotspots
Instant Magazine Template Instruction | Version EN2016-02 9
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla is parturient montes, nascetur ridiculus mus. massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla is parturient montes, nascetur ridiculus mus.
. --------. --------. --------
1/1
contact
editions
share
Title 1 Title 2 Title 3
... 1/1
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla is parturient montes, nascetur ridiculus mus.
Title 1 Title 2 Title 3
Lorem ipsum dolor sit amet >
1/1...
TITLE
TITLE 1
TITLE 2
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-culus mus.
Explanation1 Text and images, next to each other2 Button bar with items, maximum of 5 buttons.
TipsThe height of the blocks (and therefore also the pictures) are based on the length of the text. If you have a short text, and would like to see more of the picture, type in a few ‘enters’ into the text field.
You can also change the opacity of the buttons and the bar. Go to Page Style and change the degree of opacity by using the color pick-er. For example, enter 50 for ‘A’ (A stands for Alpha, which changes the opacity).
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/button-stroke
Button stroke
Instant Magazine Template Instruction | Version EN2016-02 10
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
+
+
+
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. get, arcu. dapibus.
... 1/1
+
+
+
TITLE
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penati-bus et magnis dis parturient montes, nascetur ridiculus mus. get, arcu.
Lorem ipsum dolor sit amet >
1/1...
TITLE
Title 1
Title 1
Explanation1 The intro text and title can be positioned anywhere on the screen
by using the ‘select position’ button. If you leave this option open, the element will be placed in the center of the screen.
2 A part of the image will be shown here. You can use the gear-icon to fix the alignment of the image. There is a maximum of 6 images (slides) for this template.
3 If you click on this button, the image ‘slides’ open. Instead of the ‘+’ you can upload an image to create a custom button. The button can be positioned in the same way as the intro text described as above.
TipDouble check the alignment of your images for the mobile view. Content blocks will be positioned under each other and sometimes this doesn’t work out very well. You can add a separate photo for the mobile version (oriented horizontally).
Check this blog for examples and more...
1
2
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/slider
Slider
Instant Magazine Template Instruction | Version EN2016-02 11
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
TITLE
Next Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
1/1...
TITLE
Next Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Lorem ipsum dolor sit amet >
1/1...
TITLE
Next Title
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque
Explanation1 Buttons to navigate through the content items.
2 The content item. This includes the background image (each item can have a different background image). This template allows a maximum of 8 items
3 The title for the next item is shown here.
TipsA maximum amount of 8 slides. The intro text can be positioned anywhere on the screen using the ‘select position’ button. If you leave this option open, the element will be placed in the center of the screen.
1
1
3
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/scroll-title
Page scrolling
Instant Magazine Template Instruction | Version EN2016-02 12
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
shareTitle line 1
Title line 1
Title line 1
TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Scroll down
Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
1/1...
Title line 1
Title line 1
Title line 1
Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Scroll down
Lorem ipsum dolor sit amet >
1/1...
Title line 1
Title line 1
Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus
Scroll down
Explanation1 Full-screen image with a title and subtitle.2 A photo with text which can be aligned either left or right.
TipsA very versatile template! Use the scroll-down button for scrolling to the bottom. Here you can create blocks with:• a full-screen image (slider).• a full-screen image with title and tekst (intro).• photo and text.• only text. If you don’t fill the second column, text will run over one
column.• a number of images (thumbnails) next to each other with text.• to integrate full functionality of Google mapsCheck this blog for examples and more...
With ‘item style’ you can customize each content block individualy.
If you choose ‘Navigation always visible’, there will be a button on the left-hand side of the slider. Visitors can then also navigate with arrow keys instead of using a mouse.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/one-pager
One pager
7 variations
Instant Magazine Template Instruction | Version EN2016-02 13
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
. --------. --------. --------
1/1
contact
editions
share
... 1/1
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellen-tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-culus mus.
Explanation1 To insert a video from YouTube or Vimeo. Use the end portion of the link only. For example when using this link, https://www.youtube.com/watch?v=c62Aqdlzvqk, you would only need to insert this code: c62Aqdlzvqk.
You can adjust the size of the video by videisize.
1
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/video
Video
Instant Magazine Template Instruction | Version EN2016-02 14
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penati-bus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellen-tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
1/4
1/1...
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
1/4
Lorem ipsum dolor sit amet >
1/1...
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. dapibus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim. Donec pede
justo, fringilla vel, aliquet nec, vulputate eget,
arcu. dapibus.
1/4
Explanation1 Title and a block of text. 2 Full-screen background image. You can apply a different background image for each slide.3 Buttons to navigate through slides.
TipsBlocks can be positioned anywhere on the screen by using the ‘select position’ button and they automatically adapt to the length of the text. Please note that blocks will appear in the same position on all sub-pages.
Every slide can be designed differently and have different background images. Do you want to apply the same background image for all slides? Then only fill in the background image on the first slide.
1
2
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/liquid-blocks
Liquid blocks
Instant Magazine Template Instruction | Version EN2016-02 15
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
Title
SubtitleTitle
ButtonPrice
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
SubtitleTitle
Button
Next
Price
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
SubtitleTitle
ButtonPrice
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
1/1...
Title
SubtitleTitle
ButtonPrice
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
SubtitleTitle
ButtonPrice
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Next
SubtitleTitle
ButtonPrice
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
Lorem ipsum dolor sit amet >1/1...
Explanation1 An image of the product.2 A short amount of text.3 Price and order (or any other call to action) button.
TipsWhen a description has been specified, an overlay will appear when clicking on a product. You can add several photo’s which will be presented as a slideshow. When leaving out the description, you will be referred to the URL that you filled in at ‘Link to’ option. The detail page will not be showed.
Intro text in overview will be hidden when the resolution is less then 650 pixels high.
Recommended resolution images: 575x500 (wider images will be reduced to 575 pixels wide).
1
2
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/webshop
Visual webshop
Instant Magazine Template Instruction | Version EN2016-02 16
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
. --------. --------. --------
1/1
contact
editions
share
... 1/1
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet
Lorem ipsum dolor sit amet >
1/1...
TITLE
SUBTITLE
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-culus mus.
ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes
Explanation1 Title and text placed on the left-hand or the right-hand side. You can insert an image at the bottom.
TipsThe bar will be scrollable if text does not fit. You can place multiple items. Each item contains a title, subtitle, text and image.With ‘item style’ you can customize each item individualy.
1
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/easy-scroll
Easy scroll
Instant Magazine Template Instruction | Version EN2016-02 17
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
. --------. --------. --------
1/1
contact
editions
share
TITLELorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum ... 1/1
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet >
1/1...
TITLE
SUBTITLE
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-culus mus.
ipsum dolor sitamet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes
Explanation1 A container for title, sub-title, text and a background image at the
bottom.2 You can define the spacing above.3 You can change the spacing between the articles.
TipsThe bar will be scrollable if text does not fit. You can place multiple items below each other. Each item has a title, subtitle, text and an image (optional). With ‘item style’ you can customize each item individualy.
1
3
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/center-scroll
Center scroll
Instant Magazine Template Instruction | Version EN2016-02 18
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
shareTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibusLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
1/1...
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibusLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
aliquet nec,
Explanation1 Title and text. 2 Images, min. amount of 7, max. amount of 40. Photos will enlarge when clicking on it. To activate the slideshow, add at least 7 photo’s.
TipsYou can add a title for each photo. If neccesary, you can also add a button to the image that refers to an external site/ source. Insert button text and URL for each image.
1 2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/gallery
Gallery
Instant Magazine Template Instruction | Version EN2016-02 19
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
TITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus magnis dis parturient montes, nascetur ridiculus mus.
. --------. --------. --------
1/1
contact
edities
delen
AuthorLorem ipsum dolor sit
... 1/1
TITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus magnis dis parturient montes, nascetur ridiculus mus.
AuthorLorem ipsum dolor sit
Lorem ipsum dolor sit amet >1/1...
TITLELorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
AuthorLorem ipsum dolor sit
A one column template. You can insert a header image, quotes and there is room for info about the author and a picture. The template navigates vertically.
Explanation1 Title and header image.2 Author/text3 Title, intro, text and photo4 Side notes
TipsWith the ‘item style’ function you can adjust the style of seperate blocks. At the right you can insert ‘side notes’ like external links, photos or videos.
1
2
3
4
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/long-read
Long read
Instant Magazine Template Instruction | Version EN2016-02 20
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONALSTARTER DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
editions
share
TITLE
TITLE
SUBTITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
1/1...
TITLE
TITLE
SUBTITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodosociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet >1/1...
TITLE
SUBTITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Explanation1 Optional sidebar with title, text and photo.2 You can add several separate galleries with photos and videos
Tips• Add a background color under the ‘page style’ tab when you don’t
need a background image• You can add an ‘alternative detail image’, which will be shown when
visitors click an image. This can be useful for e.g. detail images.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/multi-gallery
Multi Gallery
Instant Magazine Template Instruction | Version EN2016-02 21
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
PROFESSIONAL DESIGNER/ENTERPRISE
logo
Title
Lorem ipsum dolor sit amet, consectetuer adipis-cing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et et, arcu. dap
Subtitel
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Datum
. --------. --------. --------
1/1
contact
editions
share
logo
1/1...
Title
Lorem ipsum dolor sit amet, con-sectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et et, arcu. dap
Subtitle
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Lorem ipsum dolor
Date
Lorem ipsum dolor sit amet >
Title magazine
1/1...
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Lorem ipsum dolor sit amet >
Datelogo
Explanation1 Introduction, max. 40 words.2 Several shortcuts to other pages in the magazine.
Tips• A striking cover photo invites the audience to read the magazine.• Using another image sometimes is recommended for the mobile version. For example, you can choose a smaller and calmer image when your background is dominated by highlights. This also benefits the loading time of your magazine.• This template should contain at least one shortcut. Bear this in
mind during creation.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/cover-vertical-highlights
Cover vertical highlights
Instant Magazine Template Instruction | Version EN2016-02 22
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
1/4
. --------. --------. --------
1/1
contact
editions
share
...
Achtergrondafbeelding
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
1/4
1/1
TITLE
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
Lorem ipsum dolor sit amet >
1/1...
Explanation1 Template is suitable for full-screen photos.2 Text will allow approx. 50 words.3 Placing Multiple items is possible, as many as you want!
TipsDon’t put too much text in the template, it’s all about the image.
1
3
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/horizontal-arrows
Horizontal arrows
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 23
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
Achtergrondafbeelding
SUBTITLE
TITLE
TITLEGROUP TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penati-bus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentes-que eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
SUBTITLETITLE
SUBTITLE
TITLE
SUBTITLETITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penati-bus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentes-que eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
GROUP TITLE
1/1...
Achtergrondafbeelding
SUBTITLE
TITLE
TITLEGROUP TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
Achtergrondafbeelding
SUBTITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
SUBTITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
SUBTITLETITLE
SUBTITLETITLE
Achtergrondafbeelding
SUBTITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
uis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Lorem ipsum dolor sit amet >1/1...
TITLEGROUPTITLE
Explanation1 Title (for example ‘Agenda’).2 Group-title (for example ‘month’).3 Insert blocks with title, subtitle, text, image and/ or video.
TipsThis template is based on Facebook’s timeline. For example you can create months with activities in a calendar. Or use this template for a list.
12
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/timeline
Timeline
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 24
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
Index pagina
Page 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 5Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 6Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
1/1...
TitelIndex pagina
Page 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 5Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Page 6Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et magnis dis montes, nascetur ridiculus mus.
Pagina 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet >
1/1...
Index paginaPagina 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.
Pagina 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.
Pagina 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus.
Explanation1 The index page contains an overview with the pages of your
magazine. 2 Allows you to highlight an internal page, a thumbnail is created
automatically.
TipsThis template also allows you to refer to external websites, such as a sponsor’s website.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/index-page
Index page
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 25
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Titel 1 Titel 1 Titel 1 Titel 1
. --------. --------. --------
1/1
contact
editions
share
... 1/1
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellen-tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Titel 1 Titel 1 Titel 1 Titel 1
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-
Explanation1 Text block, around 60 words.2 Buttons, max. 5, each with its own text and image.
TipsIn the mobile version, buttons are positioned below text. Make sure that the text is not too long so that the buttons remain visible on the screen (or at least at the top). To make it easier, you can enter text separately (shorter) for the mobile version, #convenient!
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/buttons
Buttons
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 26
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
Title
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
1/1...
Title
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
Titel
PrijsButton
TitelPrijs
Lorem ipsum dolor sit amet >
1/1...
TITLETitelPrijs
TitelPrijs
TitelPrijs
TitelPrijs
TitelPrijs
TitelPrijs
TitelPrijs
TitelPrijs
Explanation1 Name and price of the product, with a max. of 20 for this template.2 An image can be placed in each block.3 More information will appear when clicking on the button.
TipsThis is useful for different products/a web shop. It’s nice to have each image the same size (pixel). When you click on a block, an overlay will pop-up on top of your content.
1
2
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/basic-webshop
Basic webshop
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 27
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
Lorem ipsum dolor nean commodo ligula
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
1/1...
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
Lorem ipsum dolor nean commodo ligula
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula
Lorem ipsum dolor sit amet >1/1...
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
1
2
3
A template based on 4 columns, possible in all combinations and orders.
Explanation1 Full-screen image on the
back or a color which you can adjust by ‘page style’.
2 Example of a block: Text l Image + Quote
3 Custom block with image over 1 column, quote over 1 column and text over 2 columns
TipsWith ‘item style’ you can adjust the style of separate blocks.
7 variations
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/onepagertiles
One pager tiles
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 28
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
AGENDA
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partu-rient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellen-tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
logo
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
date Lorem ipsum dolor sit amet
1/1...
AGENDA
Lorem ipsum dolor sit amet, consec-tetuer adipiscing elit. Aenean com-modo ligula eget dolor. Aenean massa. Cum sociis natoque penati-bus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
logo
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
datum Lorem ipsum dolor sit amet
Lorem ipsum dolor sit ametLorem ipsum dolor sit amet >
1/1...
AGENDA
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium
quis, sem. Nulla consequat massa quis enim. Donec pede
justo, fringilla vel, aliquet nec,
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Explanation1 Title and introduction.2 Logo or image can be placed.3 Data and text, max. 30. When you click on it, a pop-up appears.
1
2
3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/agenda
Agenda
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 29
mobile
computer/tablet landscape
tablet portrait
Online example:
. --------. --------. --------
1/1
contact
editions
share
Title
Title 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
Title 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
Title 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
Title 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
Title 5Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
Title 6Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
1/1...
Title
Title 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Title 2Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Title 3Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Title 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Title 5Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Title 6Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pelle
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Explanation1 Text block, max. 6 for this page.2 It is possible to place a image in each block.
TipsUseful for products, news items or short messages.
12
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/content-blocks
Content blocks
License:
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 30
mobile
computer/tablet landscape
tablet portrait
Online example:
License:
TITLE
Subtitel
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
. --------. --------. --------
1/1
contact
editions
share
... 1/1
TITLE
Subtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.
Lorem ipsum dolor sit amet >
1/1...
title 1
subtitle 1
title 1
subtitle 1
title 1
subtitle 1
title 1
subtitle 1
title 1
subtitle 1
title 1
subtitle 1
TITLE
Explanation1 You can place a number of items (max. 20) supported by an image. 2 Buttons to navigate through the array of items.
TipsAdd an image or video next to the text.You can make the navigation bar look more opacity. Go to ‘Page styling’ (or Page Style), click on the color-picker for the navigation bar background and fill in 50 for A, for example (A stands for Alpha, or the opacity). And the ‘active color’ is the color of the active sphere. Make it distinctive from the others.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/vertical-bullets
Vertical bullets
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 31
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
TITLE TITLE TITLE
TITLE TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
. --------. --------. --------
1/1
contact
edities
delen
TITLE
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
... 1/1
TITLE
TITLE
TITLE
TITLELorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
TITLE
TITLELorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus.
TITLE TITLELorem ipsum dolor sit amet >1/1...
TITLE
TITLE
TITLE
Explanation1 Block (2x1) with title and text2 Block (1x1) with title (and text)3 Block (2x2) with title and text
TipsThis template is build with blocks and is well suited for (for example) a table of contents. The order of the blocks will adjust to the size of your screen.Blocks can link to a different content block, an internal page, an overlay or an external link.
Text, aligned to the bottom
Text is visible Text appears by clicking/tapping. Background image zooms a bit.Text appears by clicking/tapping.Background image goes up a bit.
1
2 3
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/dynamic-blocks
Dynamic blocks
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 32
mobile
computer/tablet landscape
License:
Online example:
tablet portrait
Explanation1 Your introductory text, preferably under 60 words.2 Button as a link, usually referring to the next page with a call to action encouraging visitors to continue reading.3 Optional scrollable section with highlights
Tips• Striking photography invites your audience to keep reading.• You can position the highlights left or right where they can serve as
an index.
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/index-cover
Index cover
. --------. --------. --------
1/1
contact
editions
shareTITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies ne eget,
Open magazine
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
TITLESUBTITLE
1/1...
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipis-cing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies ne eget, arcu.
eget, arcu. dap
Open magazine
TITLESUBTITLELorem ipsum dolor sit amet >
1/1...
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipis-cing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies ne eget, arcu.
eget, arcu. dap
Open magazine
1
2
3
PROFESSIONAL DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 33
mobile
computer/tablet landscape
tablet portrait
License:
. --------. --------. --------
1/1
contact
editions
shareTITLE EDITION
HighlightDescription
HighlightDescription
HighlightDescription
1/1...
HighlightDescription
HighlightDescription
HighlightDescription
TITLE EDITION A cover where you can stack horizontal highlight rows on top of each other. You can also add separate rows with background images or text fields. Style highlights with a vertical to the left and position them in the center, on the left/right or centered with full width.
Explanation1 A row which you can position at the top or bottom of the page, you
can place your logo in this row.2 Highlights which you can link to pages in your magazine, an overlay
or external links.
You can add a title, subtitle and an introductory text as well.
Lorem ipsum dolor sit amet >1/1...
TITLE EDITION
HighlightDescription
HighlightDescription
HighlightDescription
Stackable cover
1
2
PROFESSIONAL DESIGNER/ENTERPRISE
Online example:http://instantmagazine.instantmagazine.com/templates/all-templates/#!/stackable
Instant Magazine Template Instruction | Version EN2016-02 34
mobile
computer/tablet landscape
License:
Online example:
tablet portrait
This is a template that supports a lot of text. Scroll down or click on the navigation arrow to read more. You can choose from 6 different animation styles.
Explanation1 Title/subtitle2 Inline image 3 You can insert multiple text blocks under each other
TipsUse visuals and quotes to keep a good overview and flow.
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/smooth-articles
Smooth articles
. --------. --------. --------
1/1
contact
edities
delen
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
SubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Ae
1/1...
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
SubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Ae
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aeeget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis partget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Ae
Lorem ipsum dolor sit amet >1/1...
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
SubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
1
2
3
DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 35
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
shareTitle
Subtitle
Highlights
1/1...
Title
Subtitle
Highlights
Lorem ipsum dolor sit amet >
1/1...
Title
SubtitleHighlights
Explanation1 A number of shortcuts in the shape of text or image.
Tips• A striking cover photo invites the audience to read the magazine.• Try to concentrate on titles only. Full sentences will not fit perfectly in the mobile version.• Check how it looks a smartphone and adjust the blocks if neces-
sary.
1
1
1
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/magazine-cover
Magazine cover
DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 36
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
Title 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
+
2
3
+
+
1/1...
1
3
3
Title 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede
+
+
+
Lorem ipsum dolor sit amet >
1/1...
TITLE
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sitamet, consectetuer adi-piscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi-
Explanation1 This is a text block that can be positioned anywhere on the screen by using the ‘select position’ button. If you leave this option open, it will be placed in the center of the screen.
2 You can use a maximum of 10 hotspots. When clicking/tapping on a hotspot, text will appear with a zooming effect.
TipsBe creative with buttons. Use them to highlight a specific part of your background photo.
1
2
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/zooming-hotspots
Zooming hotspots
DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 37
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TITLE
TITLE1/1...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
TITLE
TITLEExplanation1 The intro of your article will be displayed in the summary view. You can open the entire article by clicking on the summary view.2 The upcoming and previous articles will be displayed as well.3 You can use the bullets on the side to navigate through the articles.
Tips• Great template to use for blogs.• Make sure to use images in landscape format.
1
2
2
3
Lorem ipsum dolor sit amet >1/1...
TITLE
TITLE
TITLE
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/vertical-block
Vertical blocks
DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 38
mobile
computer/tablet landscape
tablet portrait
License:
Online example:
. --------. --------. --------
1/1
contact
editions
share
1
1/1...
ExplanationIframes are useful for a wide variety of content. You can use the embeddable iframe template for loading pages or code snippets from third-party applications into the template.
Tipsiframes are flexible and can be used for different purposes.
For example• TypeForm• Google maps• Extern site
1
Lorem ipsum dolor sit amet >1/1...
http://instantmagazine.instantmagazine.com/templates/all-templates/#!/embedded
Embeddable (iframe)
DESIGNER/ENTERPRISE
Instant Magazine Template Instruction | Version EN2016-02 39
mobile
computer/tablet landscape
tablet portrait
License:
. --------. --------. --------
1/1
contact
editions
share
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Title
Slider Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
1/1...
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
Title
Slider Title
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
This template is build up out of slides with a background image with an image layer on top of it. In this layer you can place an image with a transparent background which hovers above the background image. When moving your mouse over the screen, the hovering image and the background image will move with different speeds based on the position of your mouse. This is called a “parallax mouse effect”. You can add up to 2 image layers per slide!
ExplanationYou can choose from different forms of slides:Title/quote: Position a title and quote.Text: Position a text box with title and subtitle.Text + Image: Position a text box with an image on the right.Text + Video: Position a video with a text field. You can choose the size of the video player: Small, Medium, Large or Extreme.Scroller: Use this slide for long text, you’ll have a scrollable text field on the right side of the page.Hotspots: Place hotspots on your page. You can choose to place hotspots and image layers or use custom hotspots! You can link these hotspots to pages in your magazine, an overlay or external links.Video: Position a video, you can choose the size of the video player: Small, Medium, Large or Extreme. You can also use any form of slide together with a full-screen background video!
Lorem ipsum dolor sit amet >1/1...
TitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, gnis dis parturient montes, nascetur ridiculus mus
Documentary
DESIGNER/ENTERPRISE
Online example:http://instantmagazine.instantmagazine.com/templates/all-templates/#!/documentary
Instant Magazine Template Instruction | Version EN2016-02 40
mobile
computer/tablet landscape
tablet portrait
License:
DESIGNER/ENTERPRISE
. --------. --------. --------
1/1
contact
edities
delen
TITLE
TITLE
TitleSubtitle
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
TITLE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus musLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
... 1/1
TITLE
TitleSubtitle
TitleSubtitle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus musLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
TitleSubtitleLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque
This template allows you to divide your content over 6 columns and has a lot of options for row types! You determine how your content is divided over 6 columns.
ExplanationYou can create several forms of rows:
Image slider: An image slider used to showcase several images.Text over image: A full-screen image with text block. You can set the paragraph width to Small, Normal or Long.Text: A block for text, you can show the content in 1 or 2 columns.Text + Image: A block of text and an image, you can set the layout type to determine the width of text block and the image.Text + Video: A block of text and a video, you can set the layout type to determine the width of text block and the video. Silder: Put a few images next to each other, you can give each image a title, subtitle and a paragraph. The image will open up when you click on it. You can set the row right to percentages or fixed heights.Carousel: A text block with multiple slides next to it with an image and text.Custom columns (advanced): Create custom columns by selecting a layout type and column width.
TITLE TITLELorem ipsum dolor sit amet >1/1...
6 columns layout
2
3
1
2
1
3