In-Screen Expandable Corner Specs
Getting Started
When a client is interested in "self-service design," it is required to start in Photoshop using the template below. As for the fully custom template, this Photoshop file is highly recommended for clients who are interested in creating more bespoke design layouts while building at 2x scale for Retina Display.
Placement | Bottom of Browser Viewport (Adhesion) |
Platform | Mobile Only |
Responsive | No |
Demo | |
Abbreviation | ISXC |
Classification | Conventional |
Size Limit | 450kbps |
Self-service PSD Template | |
Fully Custom PSD Template | GG-Template_2023_ISXC.zip or download from Dropbox. |
Mockup Sizing
Designs created in Photoshop should use these sizes to ensure images are crisp on retina devices
State | Width | Height |
Collapsed | 280px | 280px |
Expanded | 640px | 280px |
Rendered Sizing
State | Width | Height |
Collapsed | 140px | 140px |
Expanded | 320px | 140px |
Animation
- Up to 6 seconds of animation supported
- 1-2 seconds for "Intro" Animation
- Can be up to 2-4 seconds for "Expand" Animation
- Video assets as a background or element is supported
- Sprite Sheets for small character/motion graphics flourishes
Additional Details
- Style should be organic (less banner/square shaped)
- Should be built to to run in the right corner only.
- Should include CTA to suggest swipe interactivity.