Pugpig for Continuous Publishing App Design Guide Initial App Splash Screen Displays Before Any Content Has Been Downloaded

Pugpig for Continuous Publishing App Design Guide Initial app splash screen displays before any content has been downloaded.

Content status messages fade in and display at the bottom with a download progress bar.

@”Picker. in PLIST Keys

@”PrimaryButton for retry button and download progress fill APP SPLASH SCREEN @Picker.EditionStatusLabel.TextColor @Picker.EditionStatusLabel.Font IN BACKGROUND

All copy can be edited using Localizable Strings

Checking for new content... Downloading new content... Once the atom file has been downloaded the app will enter the edition and display a page loading screen until the page content is downloaded.

Native toolbar may be visible in this state.

(displays a spinner icon)

White Background Color by default. iPad 9.43 PM

PAGE TITLE / SLUG/ SECTION OR LOGO ETC

Icons Secondary Can display Color by default. Section, Page Title Custom colour or or optional Logo icon can be (based on edition applied. feed)

Toolbar Color & Toolbar Visibility to determine behaviour

Native toolbar and HTML Page (first page of the single edition/app), usually a contents or section highlights page.

In config.plist:

ToolbarVisibility: option of auto (vanishes when one scrolls down and reappears when flicking back up; it can also be toggled by bouncing the content at the top or double-tapping), autoTop (like auto but is always visible at the top) and always, permanently display at top at all times. Pane Model: Depending on your content, you can pick scrolling, horizontal or vertical.

Note: ToolbarColor is rendered semi-transparent on iOS 7

@”Document. in PLIST Keys

@”Document.IconColor”

@”Document.Toolbar. iPad 9.43 PM

Last refresh status... PAGE TITLE / SLUG/ SECTION ETC

BRAND NAME OR LOGO

Cover

Contents

Primary Color or Features custom

Anna Friel

Jenni Kayne Secondary Background Color or Feature custom

Day dreams Native Table of Contents opens on left-hand side, and moves the page view and toolbar across. News What displays in the Table of Contents can be The Inside Story configured by your edition feed. Options include filtering to just show sections only.

Panorama In config.plist: Auto set black or white by ToolbarVisibility: option of auto (vanishes when one The world in picturesdefault. Line seperators can be scrolls down and reappears when flicking back up; it can also be applied with different toggled by bouncing the content at the top or double-tapping), Cinematters section and article autoTop (like auto but is always visible at the top) thickness. and always, permanently display at top at all times. Pane Model: Depending on your content, you can pick scrolling, Fashion

Main Fashion

Get the look Primary Background Color or Beauty custom

Spring Colours

Get the look

Wellbeing

Decor

Regulars

Horoscopes

Subscribers iPad 9.43 PM

PAGE TITLE / SLUG/ SECTION OR LOGO ETC

Native toolbar and HTML Page. When thumbnail icon is toggled on, page thumbnails will display along the bottom.

PAGE PAGE PAGE PAGE PAGE THUMB THUMB THUMB THUMB THUMB HERE HERE HERE HERE HERE iPad 9.43 PM

Custom fonts can be applied. Settings Auto set black or white by default. Text Resize General

Help Selection A Background A A Color by default About or custom colour can be applied. Feedback @”Settings.BackgroundColor” Although we appreciate and monitor @”Settings.SelectionBackgroundColor” @”Settings.TextColor” app store reviews, we cannot re- @”Settings.SelectionTextColor” @”Settings.LinkTextColor” spond directly to them. Please send @”Settings.IconColor” your feeback and queries to feed- @”Settings.Title. [email protected]. @”Settings.Header. @”Settings.Menu. @”Settings.TextField. @”Settings.Toolbar. Version 1.0 (1.0) @”Settings.SegmentedControl.

All copy can be edited using Localizable Strings. All fonts across these pages can be custom Brand fonts. The same colour way is used on both Settings and Account screens.

@”Settings. in PLIST Keys

Last refresh status... PAGE TITLE / SLUG/ SECTION ETC

BRAND NAME

Cover

Contents

Features

The Inside Story

Panorama iPad 9.43 PM

Account Already a subscriber

Exisiting Subscription Existing subscribers can get access to the Publications App by signing in App Store Purchases with their surename and password.

Username

@”Settings.SubscribeButton. Password @”Settings.LoginButton. @”Settings.RestoreButton. @”Settings.TextField.

Need help? For more information on how to access Pugpig For Magazines on your device visit: http://www.pugpig.com.

All copy can be edited using Localizable Strings. All fonts across these pages can be custom Brand fonts. The same colour way is used on both Settings and Account screens.

@”Settings. in PLIST Keys

Last refresh status... PAGE TITLE / SLUG/ SECTION ETC

BRAND NAME

Cover

Contents

Features

The Inside Story

Panorama