WonderCast - Asset Specifications

1

App Store Assets

Required and recommended assets for Apple App Store and Google Play Store

Apple App Store iOS & iPadOS

Asset	Size	Format	Status	Notes
App Icon	1024 × 1024	PNG	Required	No alpha/transparency. Constellation W hat on deep purple gradient.
iPhone Screenshots (6.7")	1290 × 2796	PNG	Required	10 max. First 3 are most critical for conversion.
iPhone Screenshots (5.5")	1242 × 2208	PNG	Required	Required for older device support.
iPad Screenshots	2048 × 2732	PNG	Required	Minimum 2 required for iPad listings.
App Preview Video	1920×1080 or 1080×1920	MOV/MP4	Recommended	15-30 sec duration. No alpha channel. H.264 codec.
Feature Graphic	Not required for Apple App Store.

Google Play Store Android

Asset	Size	Format	Status	Notes
App Icon	512 × 512	PNG 32-bit	Required	Alpha channel supported. Adaptive icon layers recommended.
Feature Graphic	1024 × 500	PNG/JPG	Required	Displayed at top of store listing. Critical for visibility.
Phone Screenshots	16:9 or 9:16	PNG/JPG	Required	Minimum 2, maximum 8. 1080px min on short side.
Tablet Screenshots	16:9 or 9:16	PNG/JPG	Recommended	7" and 10" tablet sizes recommended.
Promo Video	YouTube URL	URL	Optional	Public or unlisted YouTube video. Keep under 2 min.

Key App Store Format Previews

W

App Icon 1024 × 1024

9:16

iPhone 6.7" 1290 × 2796

9:16

iPhone 5.5" 1242 × 2208

3:4

iPad 2048 × 2732

~2:1

Feature Graphic 1024 × 500

Screenshot Content Recommendations

*

First 3 screenshots drive 80% of conversions. Lead with the most visually compelling content that communicates WonderCast's core value proposition.

1

Hero Shot

Child character in a magical, cinematic story scene

2

Character Creation

Show the personalization flow and avatar builder

3

Story Library

Variety of books and story categories available

4

Video Playback

Cinematic quality of the video storybooks

5

Parental Controls

Safety features and content controls for parents

2

Social Media Asset Sizes

Complete specifications for all major social platforms

Instagram

Asset	Size	Aspect Ratio	Notes
Profile Photo	320 × 320	1:1	Circular crop. Keep logo centered.
Feed Post (Square)	1080 × 1080	1:1	Most versatile format for the grid.
Feed Post (Portrait)	1080 × 1350	4:5	Takes up more screen real estate. Best engagement.
Feed Post (Landscape)	1080 × 566	1.91:1	Least prominent in feed. Use sparingly.
Story / Reel	1080 × 1920	9:16	Full-screen vertical. Safe zone: 250px from top/bottom.
Carousel	1080 × 1080	1:1	Up to 10 slides. Consistent aspect ratio across all.
IGTV Cover	420 × 654	1:1.55	Will be center-cropped to 1:1 in grid.

1:1

Profile

1:1

Square Post

4:5

Portrait Post

1.91:1

Landscape

9:16

Story / Reel

Facebook

Asset	Size	Aspect Ratio	Notes
Profile Photo	170 × 170	1:1	Circular crop on desktop. 128px on mobile.
Cover Photo	820 × 312	2.63:1	Crops differently on mobile. Keep key content centered.
Feed Post	1200 × 630	1.91:1	Recommended for link shares and general posts.
Story	1080 × 1920	9:16	Same as Instagram Story format.
Event Cover	1920 × 1005	1.91:1	High res for event pages and sharing.
Ad (Single Image)	1200 × 628	1.91:1	Max 20% text for best delivery. Check with text overlay tool.

Twitter / X

Asset	Size	Aspect Ratio	Notes
Profile Photo	400 × 400	1:1	Circular crop. Upload at 400px for best quality.
Header Photo	1500 × 500	3:1	Wide banner. Profile photo overlaps bottom-left.
In-stream Photo	1200 × 675	16:9	Displayed in timeline. Auto-cropped if different ratio.
Card Image	1200 × 628	1.91:1	For link previews and Twitter Cards.

LinkedIn

Asset	Size	Aspect Ratio	Notes
Profile Photo	400 × 400	1:1	Circular crop. 200px minimum, 400px recommended.
Cover Photo	1584 × 396	4:1	Very wide format. Important content in center 60%.
Post Image	1200 × 627	1.91:1	Standard shared image. PNG or JPG.
Article Cover	744 × 400	1.86:1	Blog-style article header image.

TikTok

Asset	Size	Aspect Ratio	Notes
Profile Photo	200 × 200	1:1	Circular crop. Simple, recognizable mark.
Video	1080 × 1920	9:16	Vertical full-screen. Safe zone: 150px from edges for UI overlay.

YouTube

Asset	Size	Aspect Ratio	Notes
Profile Photo	800 × 800	1:1	Circular crop. Minimum 98px display size.
Channel Art	2560 × 1440	16:9	Safe area for all devices: 1546×423 center. Design for TV display.
Thumbnail	1280 × 720	16:9	Critical for CTR. Bold text, high contrast. Under 2MB.
Video	1920×1080 or 3840×2160	16:9	1080p minimum. 4K preferred for quality. H.264 / H.265.

1:1

Profile 800 × 800

16:9

Channel Art 2560 × 1440

16:9

Thumbnail 1280 × 720

3

Email Marketing Assets

Specifications for email templates and campaigns

Asset	Width	Format	Notes
Email Header	600px wide	PNG/JPG	Full-width banner. Keep file size under 200KB for deliverability.
Email Hero Image	600 × 300	PNG/JPG	Main feature image. 2:1 ratio. Alt text required.
Inline Image	560px max	PNG/JPG	20px padding on each side within 600px container.
CTA Button	200 × 50 min	HTML/CSS	Rounded corners (8px radius). Brand purple #7C3AED background. White text. Use bulletproof buttons (VML fallback for Outlook).

*

Email best practices: Total email size should be under 102KB (Gmail clipping threshold). Use web-safe fonts with fallbacks. Test rendering in Litmus or Email on Acid across 30+ clients. Always include a plain-text version.

HEADER

Hero Image (600×300)

CTA BUTTON

Email Template 600px container

4

Print Assets

Physical media specifications and bleed requirements

Asset	Trim Size	DPI	Bleed	Notes
Business Card	3.5" × 2"	300	0.125"	CMYK color mode. 14pt or 16pt card stock recommended.
Letterhead	8.5" × 11"	300	None	No bleed needed. 0.5" margins. PDF/X-1a export.
Sticker	3" × 3"	300	0.0625"	Die-cut circle or rounded square. Vinyl recommended.
Poster (Small)	11" × 17"	300	0.125"	Tabloid size. Glossy or satin finish. Rich black: C60 M40 Y40 K100.
Banner	33" × 80"	150	1"	Retractable banner stand. 150 DPI is sufficient at this size. Viewing distance 3ft+.

*

Print color note: All print files must use CMYK color profiles (US Web Coated SWOP v2 for North America). Brand purple #7C3AED converts to approximately C:65 M:82 Y:0 K:0. Always request a physical proof before large print runs.

5

Favicon Package

Complete set of icons for browsers, PWA, and OS integration

File	Size	Format	Usage
favicon.ico	16, 32, 48	ICO	Legacy browsers. Multi-resolution ICO container.
favicon-16x16.png	16 × 16	PNG	Modern browser tab icon.
favicon-32x32.png	32 × 32	PNG	Modern browser tab icon (Retina / HiDPI).
apple-touch-icon.png	180 × 180	PNG	iOS Safari "Add to Home Screen". No transparency.
android-chrome-192x192.png	192 × 192	PNG	Android home screen and PWA manifest.
android-chrome-512x512.png	512 × 512	PNG	PWA splash screen. Maskable icon recommended.
mstile-150x150.png	150 × 150	PNG	Windows Start menu tiles and pinned sites.
safari-pinned-tab.svg	Any	SVG	Single color (black). Safari pinned tab mask icon. No fill colors.

*

PWA manifest integration: Reference android-chrome-192x192.png and android-chrome-512x512.png in your manifest.json with "purpose": "any maskable" for adaptive icon support on Android.

16px

32px

W

48px

W

180px (scaled) apple-touch-icon

W

512px (scaled) PWA splash

6

OG / Social Share Images

Open Graph and platform-specific link preview specifications

Platform	Size	Aspect Ratio	Notes
Default OG Image	1200 × 630	1.91:1	Universal fallback. Used when no platform-specific image is set. Set via `og:image` meta tag.
Twitter Card (Large)	1200 × 628	1.91:1	Summary with large image card. Set via `twitter:image` meta tag.
WhatsApp Preview	400 × 400 min	1:1 (cropped)	Auto-cropped from OG image. Center-weighted composition.
Slack Preview	500 × 500	1:1	Unfurl preview. Pulls from OG tags. Caches aggressively.
Discord Embed	1200 × 630	1.91:1	Rich embed. Supports OG and Twitter card meta tags.
iMessage Link Preview	600 × 600 min	1:1 (preferred)	Square crop preferred. Falls back to OG image with center crop.

*

Critical composition rule: Since OG images get cropped differently per platform (1.91:1 on Facebook/Twitter, 1:1 on WhatsApp/iMessage), always keep the WonderCast logo and key messaging within the center 600×600px safe zone of the 1200×630 canvas.

W SAFE ZONE

1200×630 600×600 safe

7

Template Grid System

Layout foundations, spacing rhythm, card components, and safe zones

12-Column Grid · 12px Gutters

1

2

3

4

5

6

7

8

9

10

11

12

Common Layout Patterns

4 cols

3 cols

8 cols (content)

4 cols (sidebar)

4 cols (nav)

8 cols (main)

Card Component · rounded-2xl (16px) · shadow-soft · white bg

Aspect: 16:9

Story Card

16px padding. 4px title-to-text gap. Body text in Plus Jakarta Sans.

Aspect: 16:9

Character Card

Consistent corner radius across all card types. Hover: translateY(-2px).

Aspect: 16:9

Video Card

Border: 1px solid #E8E4F0. Shadow: 0 2px 8px rgba(124,58,237,0.06).

Property	Value	CSS
Border Radius	16px (2xl)	`border-radius: 16px`
Background	#FFFFFF	`background: #FFFFFF`
Border	1px solid #E8E4F0	`border: 1px solid #E8E4F0`
Shadow (Rest)	Soft purple tint	`0 2px 8px rgba(124,58,237,0.06), 0 8px 24px rgba(124,58,237,0.05)`
Shadow (Hover)	Elevated	`0 4px 16px rgba(124,58,237,0.08), 0 12px 40px rgba(124,58,237,0.06)`
Hover Transform	Lift 2px	`transform: translateY(-2px)`
Padding (Body)	16px	`padding: 16px`

Spacing Rhythm · 4px / 8px Base Unit

xxs 4px

xs 8px

sm 12px

md 16px

lg 20px

xl 24px

2xl 32px

3xl 40px

4xl 48px

5xl 64px

6xl 80px

*

Spacing rule: All spacing values must be multiples of 4px. Use 8px as the primary unit for component padding and gaps. Use 4px for tight inner spacing (icon-to-text). Section spacing uses 48px-80px for clear visual hierarchy.

Safe Zone for Text Over Images · 10% Inset

10% margin

10%

Text-safe area (80% × 80%)

Context	Safe Inset	Example (1200×630)
Social OG / Cards	10% all sides	Safe area: 960 × 504 (centered)
Story / Reel (9:16)	Top: 250px, Bottom: 250px	Avoid platform UI overlays (username, captions, buttons)
YouTube Thumbnail	Right: 15%, Bottom: 20%	Avoid timestamp overlay area (bottom-right corner)
App Screenshots	Top: 44px, Bottom: 34px	Status bar and home indicator safe zones

Logo Clear Space · Minimum Padding = 1× Hat Height

1x 1x 1x 1x

The hat height (tip to brim) defines the minimum clear space unit (1x) on all four sides.
No other graphic elements, text, or visual clutter may enter this exclusion zone.

Brand Color Palette · Quick Reference

Purple Deep #4C1D95

Purple Dark #6B21A8

Brand Purple #7C3AED

Purple Light #A78BFA

Purple Lightest #EDE9FE

Star Gold #FFD93D

Warm BG #FDFBF7

Text Primary #1E1B2E

Text Secondary #5B5675