Recipes
Copy-paste ScreenFramed request recipes for common screenshot jobs.
Marketing hero
json{ "url": "https://example.com", "camera_preset": "hero", "background_preset": "midnight", "shadow": "soft", "aspect_ratio": "16:9"}
Clean documentation screenshot
json{ "url": "https://example.com/docs", "selector": "main", "background_style": "none", "padding": 0, "corner_radius": 8, "aspect_ratio": "16:9", "hide_selectors": [".cookie-banner", ".chat-widget"]}
Transparent UI component
json{ "url": "https://example.com/dashboard", "selector": "[data-capture='usage-card']", "background_style": "transparent", "inset": 24, "output": { "format": "png" }}
App store phone frame
json{ "url": "https://example.com/mobile-preview", "device": "iphone-16-pro", "device_color": "natural-titanium", "background_preset": "aurora", "aspect_ratio": "9:16", "padding": 96, "text_enabled": true, "text_content": "Plan your week in one view", "text_x": 0.08, "text_y": 0.08, "text_size": 64, "text_weight": 800, "text_max_width": 0.8}
Directory thumbnail
json{ "url": "https://example.com", "device": "browser-macos", "background_preset": "arctic", "shadow": "soft", "aspect_ratio": "4:3", "output": { "width": 1200, "height": 900, "format": "webp" }}
Signed URL payload
json{ "url": "https://example.com/pricing", "project_id": "prj_01K...", "device": "browser-macos", "background_preset": "dusk", "shadow": "float", "aspect_ratio": "16:9"}
Use this payload as the query parameters for the signed URL flow documented in Signed URLs.