God Social Media
Procedure
- Platform + format + goal. For example: "Instagram carousel, 1080×1350, goal: saves". Load the exact spec from
references/platform-specs.md. - Safe zones. Keep text and faces out of UI overlays (9:16 formats: top ~250px and bottom ~340px on a 1920px-high canvas, plus a right-side action rail on TikTok/Reels). Profile-photo crops are circular.
- Thumb-stopping hierarchy: one idea per frame, readable at phone size (the headline must work at ~30% scale), a big contrast focal point, and a face or object for emotion.
- Type minimums on a 1080px-wide canvas: headline ≥ 64px, body ≥ 32px, captions ≥ 28px. Max ~20–25 words per frame.
- Brand consistency: same grid, type and colour system across a series. Vary the layout within the system.
- Export: PNG for graphics and text (sRGB), JPG ≥ 85% quality for photos, MP4 H.264 + AAC for video (30 fps, ≤ the platform bitrate). Name files
platform_format_campaign_v1.png. - Accessibility: alt text, captions, sufficient contrast, camelCase hashtags.
Carousel storytelling (Instagram / LinkedIn)
- Hook frame: a bold promise or question, plus a visual cue to swipe (→, a cut-off element crossing the edge).
- Frames 2…n-1: one point each, consistent position for headline and number (2/8).
- Last frame: summary + CTA ("Save this", "Follow for part 2").
- Design continuous panoramas by building one wide canvas (e.g. 5400×1350 for 5 frames) and slicing it into 1080px-wide frames.
- LinkedIn carousels are uploaded as PDF documents (each page = one slide). Use 1080×1350 or 1080×1080 pages.
YouTube thumbnail formula
1280×720 (16:9), < 2MB (JPG/PNG/GIF/WEBP). Use 1 face with a clear emotion + 1 object + ≤ 4 words in huge type. High contrast between subject and background. Avoid the bottom-right corner (timestamp overlay). Test at 168×94px: it must still read.
Generation recipes
- HTML/CSS → PNG: build a fixed-size
<div style="width:1080px;height:1350px">, then screenshot it with Playwright:npx playwright screenshot --viewport-size=1080,1350 file.html out.png(orpage.screenshot). Seegod-output. - SVG: use
viewBox="0 0 1080 1350"with embedded fonts or text converted to paths for portability. - Canva: use the exact dimensions as a custom size, or the Canva MCP/Connect API autofill with brand kit (see
god-output). - Image generation: state the aspect ratio explicitly (
--ar 4:5Midjourney,aspect_ratio: "9:16"in APIs) and leave negative space for text. Add text afterwards in code, because generated text is often misspelled.
See references/platform-specs.md for all sizes, and references/content-patterns.md for post archetypes.


