License - Instant Magazine · Instant Magazine Template Instruction Version EN2016-02 3 SummarySummary License: STARTER PROFESSIONAL DESIGNER/ENTERPRISE Flexible …

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


tablet portrait

License:

Online example:


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

http://instantmagazine.instantmagazine.com/templates/all-templates

http://instantmagazine.instantmagazine.com/templates/all-templates

http://www.instantmagazine.com/examples


SummarySummary

License:


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


SummarySummary

License:


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


mobile



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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/flexible-cover


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

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...


TITLE


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...


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/cover-intro


mobile


tablet portrait

License:

Online example:


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


Title magazine

1/1...





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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/cover-horizontal-highlights


mobile


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

+

+

+

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

+

+

+


1/1...

TITLE

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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/hotspots


mobile


tablet portrait

License:

Online example:


TITLE


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


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


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/button-stroke


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

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.


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

http://www.instantmagazine.com/blog/spotlight-slider-template


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

1/1

contact

editions

share

TITLE

Next Title


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.



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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/scroll-title


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

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


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

http://www.instantmagazine.com/blog/spotlight-one-pager-template

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/one-pager


mobile


tablet portrait

License:

Online example:


TITLE

SUBTITLE



. --------. --------. --------

1/1

contact

editions

share

... 1/1

TITLE

SUBTITLE


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/1...

TITLE


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/video


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

1/1

contact

editions

share


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.


1/4

1/1...


TITLE


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


1/1...


TITLE






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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/liquid-blocks


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

1/1

contact

editions

share

Title

SubtitleTitle

ButtonPrice


SubtitleTitle

Button

Next

Price


SubtitleTitle

ButtonPrice


1/1...

Title

SubtitleTitle

ButtonPrice


SubtitleTitle

ButtonPrice


Next

SubtitleTitle

ButtonPrice

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/webshop


mobile


tablet portrait

License:

Online example:


TITLE

SUBTITLE


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


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


1/1...

TITLE

SUBTITLE


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/easy-scroll


mobile


tablet portrait

License:

Online example:


TITLE

SUBTITLE




. --------. --------. --------

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





1/1...

TITLE

SUBTITLE


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/center-scroll


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

1/1

contact

editions

shareTITLE


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


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.


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/gallery


mobile


tablet portrait

License:

Online example:


TITLE

TITLE


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


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.



TITLELorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/long-read


mobile


tablet portrait

License:

Online example:


. --------. --------. --------

1/1

contact

editions

share

TITLE

TITLE

SUBTITLE

SUBTITLE



1/1...

TITLE

TITLE

SUBTITLE

SUBTITLE


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodosociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


TITLE

SUBTITLE


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

http://instantmagazine.instantmagazine.com/templates/all-templates/#!/multi-gallery


mobile


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


Title magazine

1/1...





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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/cover-vertical-highlights


mobile


tablet portrait

License:

Online example:


TITLE



1/4

. --------. --------. --------

1/1

contact

editions

share

...


TITLE



1/4

1/1

TITLE







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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/horizontal-arrows


mobile


tablet portrait

License:

Online example:

. --------. --------. --------

1/1

contact

editions

share


SUBTITLE

TITLE

TITLEGROUP TITLE


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


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...


SUBTITLE

TITLE

TITLEGROUP TITLE


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



SUBTITLE

TITLE



SUBTITLETITLE

SUBTITLETITLE


SUBTITLE

TITLE


uis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. dapibus.


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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/timeline


mobile


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.






1/1...

TitelIndex pagina







Pagina 4Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


sociis natoque penatibus et magnis dis parturient

montes, nascetur ridiculus mus.


1/1...

Index paginaPagina 1Lorem ipsum dolor sit amet, consectetuer adipiscing elit.












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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/index-page


mobile


tablet portrait

License:

Online example:

TITLE



Titel 1 Titel 1 Titel 1 Titel 1

. --------. --------. --------

1/1

contact

editions

share

... 1/1

TITLE



Titel 1 Titel 1 Titel 1 Titel 1


1/1...

TITLE





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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/buttons


mobile


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


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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/basic-webshop


mobile


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

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


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 nean commodo ligula




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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/onepagertiles


mobile


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









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









Lorem ipsum dolor sit ametLorem ipsum dolor sit amet >

1/1...

AGENDA

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.


sociis natoque penatibus et magnis dis parturient montes,


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 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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/agenda


mobile


tablet portrait

Online example:

. --------. --------. --------

1/1

contact

editions

share

Title


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







1/1...

TITLE







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:


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/content-blocks


mobile


tablet portrait

Online example:

License:

TITLE

Subtitel



. --------. --------. --------

1/1

contact

editions

share

... 1/1

TITLE

Subtitle




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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/vertical-bullets


mobile


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,


. --------. --------. --------

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,


... 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,


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,


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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/dynamic-blocks


mobile


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


http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/index-cover


mobile


tablet portrait

License:

. --------. --------. --------

1/1

contact

editions

shareTITLE EDITION

HighlightDescription



1/1...




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.


TITLE EDITION




Stackable cover

1

2


Online example:http://instantmagazine.instantmagazine.com/templates/all-templates/#!/stackable

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/embedded


mobile


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



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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/smooth-articles


mobile


tablet portrait

License:

Online example:

. --------. --------. --------

1/1

contact

editions

shareTitle

Subtitle

Highlights

1/1...

Title

Subtitle

Highlights


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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/magazine-cover


mobile


tablet portrait

License:

Online example:

. --------. --------. --------

1/1

contact

editions

share


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


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

+

+

+


1/1...

TITLE





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

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/zooming-hotspots


mobile


tablet portrait

License:

Online example:

. --------. --------. --------

1/1

contact

editions

share


TITLE


TITLE

TITLE1/1...


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


TITLE

TITLE

TITLE

http://instantmagazine.instantmagazine.com/templates/all-templates/#!/vertical-block

Vertical blocks

DESIGNER/ENTERPRISE

http://instantmagazine.instantmagazine.com/templates/all-templates/%23%21/vertical-block


mobile


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


http://instantmagazine.instantmagazine.com/templates/all-templates/#!/embedded

Embeddable (iframe)

DESIGNER/ENTERPRISE



mobile


tablet portrait

License:

. --------. --------. --------

1/1

contact

editions

share

TitleSubtitle


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


Title

Slider Title


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!


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



mobile


tablet portrait

License:

DESIGNER/ENTERPRISE

. --------. --------. --------

1/1

contact

edities

delen

TITLE

TITLE

TitleSubtitle

TitleSubtitle


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


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


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


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

Documents

License - Instant Magazine · Instant Magazine Template Instruction Version EN2016-02 3 SummarySummary License: STARTER PROFESSIONAL DESIGNER/ENTERPRISE Flexible …