Recommended Skeletons
Use these as reusable ratio-specific starting points.
They are intentionally generic and should be adapted to the user’s content instead of copied mechanically.
Shared Principles
- If the user already provides a title, use it as the main headline by default.
- Put interpretation and editorial framing into subtitle, summary, or side modules.
- Do not inject creator branding, avatars, or personal signatures unless explicitly requested.
- At least one module should feel visually heavy, one medium, and one lighter support block.
- When a module occupies significant area, give it enough internal structure to justify the space.
- Header band — the top edge of the card reserved for meta tags, density label, or a small ratio marker. Keep it minimal so it does not compete with the title.
4:3
Best for analytical spreads, frameworks, ranked content, and “main path + supporting judgment” layouts.
Recommended pattern:
- Header band
- Hero with user title, subtitle, and summary
- Large stat / anchor panel at upper right
- Main body:
- Left heavy process / framework / sequence module
- Right narrower stack for takeaways, pitfalls, judgments, or comparisons
- Thin source / core judgment strip at bottom
What works well:
- A wider left module carrying the core sequence or framework
- A narrower right stack carrying distilled conclusions
- A restrained but intentional bottom strip
Avoid:
- Two perfectly equal columns from top to bottom
- A very large left module with only a few short lines
- Repeating the same box treatment everywhere
3:4
Best for editorial portrait cards that still need meaningful density.
Recommended pattern:
- Header band
- Cover-style hero with strong title treatment
- Compact stat strip
- Main stack:
- One large primary module
- One medium judgment module
- Two smaller lower modules for takeaways / pitfalls / examples
- Short source / core judgment strip at bottom
What works well:
- Strong cover rhythm at the top
- Clear downward reading path
- Lower-half modules with distinct roles rather than mirrored empty panels
Avoid:
- A long single-column document look
- Lower modules that are too large for the amount of copy they contain
- Treating portrait ratio as just a resized landscape card
1:1
Best for balanced overviews, grouped comparisons, and “one framework plus supporting context”.
Recommended pattern:
- Header band
- Strong hero with title and subtitle
- Compact stat strip
- Main body:
- Heavy left module for the main framework / sequence
- Upper-right judgment module
- Lower-right split for takeaways / pitfalls or compare blocks
- Thin source / core judgment strip at bottom
What works well:
- One unmistakable heavy module
- A right column that feels structured rather than tiled
- A square composition that feels centered but not evenly quartered
Avoid:
- Four equal quadrants
- Tiny typography spread over too many support boxes
- Large lower whitespace beneath the main modules
16:9
Best for standard wide covers, presentation headers, and video thumbnails.
Recommended pattern:
- Header band
- Title + subtitle anchored left; key stats or badges anchored right
- One wide primary module spanning most of the width
- One or two narrow support modules inline or below
- Thin footer strip or no footer if space is tight
What works well:
- Horizontal asymmetry: left text column + right visual anchor or stat cluster
- A single strong statement rather than a dense list
- Generous letter-spacing in the title to fill the wide canvas
Avoid:
- Stacking too many vertical modules; the height is only 1080px
- Letting the title shrink to a small size just to fit more body text
- Treating 16:9 as a tall portrait card laid on its side
9:16
Best for story covers, reel thumbnails, and vertical mobile-first cards.
Recommended pattern:
- Header band
- Cover-style hero with oversized title
- Compact stat or insight strip
- Main stack with mixed-scale modules:
- One heavy primary module
- One medium module
- One or two smaller lower modules
- Short footer strip or bottom CTA
What works well:
- A strong vertical reading path, not a single column document
- Modules that decrease in visual weight as the eye moves downward
- Using the full width of the portrait canvas without squashing the title
Avoid:
- A single narrow column of text from top to bottom
- Equal-sized modules stacked like a uniform list
- Tiny body text chosen just to fit more content
Wide covers (2.35:1, 3:1, 5:2)
Best for cinematic banners, profile headers, and ultra-wide strip covers.
Recommended pattern:
- Left: large headline + one-line subtitle or hook
- Right: 1–2 oversized stats, tags, or a single bold anchor
- Optional: a thin rule or micro-strip separating left and right
- No footer; the entire canvas is the statement
What works well:
- One dominant phrase or number that carries the whole strip
- Extreme contrast between headline scale and support text scale
- Treating the strip as a billboard, not a document
Avoid:
- Multi-line paragraphs in any part of the canvas
- More than two visual zones
- Body text smaller than 18px; if it does not fit at 18px+, remove it