CCGHT Interactive Application Style Guide

General The design and layout of the application is for Android tablets landscape. This is because if the

nature of the illustration and animations. The app will rotate automatically on opening.

Google Play / Android Icon Icon must be available in 4 resolutions.

48px 72px 96px 144px

Application Icons Dimensions:Home Pages = 48 px Other = 32px (height width may vary upon design.)

Indent: 30px from the left or right and 10px from top or bottom.

Spacing: 30px apart.

Colour/Opacity: #ffffff 50%

Starting Application After opening the application the user is presented with both companies Ident/Logo.

Menu Icons positioned bottom left (specs above), breadcrumb trail positioned centred at bottom.Story

cover fills entire screen and user swipe right to left to view stories.

Font: Gentium Basic #1A381F

Story Screens General is consistent throughout with the text box at the bottom of all the pages. Home icon stays

in the bottom right (icon details above.).

Text box

Font: Segoe UI Reg 18pt. #1A381F

Height: 55px #F2E3B7

Separation Line: stroke 3pt #1A381F

Read to Me Layout is generally the same with the exception of the play/pause button on top right corner. The

text turns red so the user can follow along to the animation, therefore young children can read

without help.