1. Wiley Interactive Graphics
Guidelines 1.0

2. Activity Dimensions Width (fixed): 766px Height: 575px–1000px
Height of the activity should be same across all the screens of the activity.
Height of the activity should be determined according to the screen having maximum content.

3. Activity Layout - Margins
Margin: 50px
It is the white space around the content.
It should be equal on all sides (if possible).
If not possible, it should be equal on at least opposite sides.
There can be exceptions for few templates.
Gutter: 40px
It is the white space between two columns.

4. Activity Layout - Spacing
Internal spacing: 20px-30px
It is the horizontal white space between:
Text and graphic/button
Graphic and graphic/button
Spacing between text paragraphs is covered in typography
Pop-up
Should be always aligned to center of the screen.
Black patch behind the pop-up should be 50% transparent.

5. Typography Character Paragraph Family: Source Sans Pro Size: 14px
Color: #202020
Paragraph
Alignment: left
Space between lines: default
Space between paragraphs: 7px
First line indent: 25px
Indentation should be used for all paragraphs except for the first.

6. Buttons Rectangular Circular (big) Circular (small) Hotspot Colors
Height: 26px
Border radius: 4px
Circular (big)
Border radius: 13px
Circular (small)
Height: 22px
Border radius: 12px
Hotspot
Height: 26px
Border radius: 13px
Outline: 2px
Shadow:
Black: 2px 2px 4px
Transparency: 0.5
Colors
Normal: # (fill)
Rollover: #4095b4 (fill)
Selected:# (outline 2px)
Disabled: 0.25 (transparency)