The object isn't the post. The object is the combination of elements inside the frame. Choose one to five, decide which one dominates, delete everything that doesn't serve the outcome. Same tokens, thirty different graphics.
Not a template packA grammar. 12 dominance layouts × 6 canvases × 7 element slots.
Graphic=Attention+Meaning+Visual+Proof+Action— you never need all five
Purpose 01
Stop attention
Visual + short headline. The picture dominates; the copy is the caption to the picture, never the other way round.
Problem + promised outcome + CTA. One saturated blue scene per campaign, placed exactly where the conversion happens.
C18 · Square 1:1Problem + Outcome + ActionText-only; a backlight replaces the photograph
C19 · Portrait 4:5Offer + Inclusions + Price + Scarcity + ActionThe blue cut — one per campaign, never two
C20 · Story 9:16QR + Benefit + InstructionPrice and scarcity removed; the code is the CTA
Purpose 08
Show transformation
Before + dividing line + after + measured result. The grade does the arguing: before is desaturated, after carries the house grade.
C21 · Landscape 16:9Before + After + Explanation + ResultOne hairline divider, two labels, one number
C22 · Portrait 4:5Then + Now + Transformation arrowLabels relabelled; the arrow lives in the copy
Purpose 09
Correct misinformation
Myth struck through, fact in full contrast, source underneath. Negation then reframe — the house sentence structure, made visual.
C23 · Square 1:1Myth + Fact + SourceFact half weighted 1.15 — the correction owns more space
C24 · Portrait 4:5Contrarian claim + Diagnosis + SourceSame layout, headline role swapped to contrarian
Purpose 10
Build a series
Cover + numbered steps + navigation. The cover carries the image; interior slides go text-only so the numeral can dominate.
C25 · Carousel coverCategory + Attention + Swipe promiseOnly slide with a photograph
C26 · Slide 01Step + Attention + Explanation + NavigationDots track position; identity repeats on every slide
C27 · Slide 03Step + Attention + Explanation + NavigationCopy shortens as the series advances
C28 · Slide 05Attention + Action (the cut)Every optional element deleted — one ask, one link
C29 · Story slide 04Same series, vertical canvasNumeral shrinks; the void below carries the swipe
C30 · Recap 16:9Compression — five slides into one frameThe reshare asset; posted a week after the carousel
Step 01 · ElementsSwitch a slot off and the layout re-resolves around what's left. Five is the legal maximum, not the target.
Step 02 · Dominance
Step 03 · Canvas
Formula · {{ count }} elements{{ formula }}Visual switched off, so the dominance fell back to headline-led — typography becomes the image.
Live composition{{ canvasLabel }}
Playbooks
One page per purpose. Formula, dominance, and what to delete.
{{ p.n }}{{ p.t }}
Formula{{ p.f }}
Dominates{{ p.dom }}
Delete{{ p.del }}
Caption{{ p.cap }}
Measure{{ p.kpi }}
If it stalls{{ p.alt }}
House rules
Six that decide most posts
{{ r.d }}{{ r.t }}{{ r.b }}
The alternatives
Don't ask what graphic to post.
Ask what tool, proof, event, conversation or transformation could replace it. Below: the baseline object taken apart, every internal variable pushed through four states, then the full format inventory the grid produces. The blue entries are the ones this system already renders as graphics.
{{ altTotal }}posts across 12 families, all rendered
28layout archetypes doing the work
Derivation 01
The baseline object, taken apart
Object: a static social graphic. Conditions: a crowded feed, viewed fast. Change any one component and a different asset falls out.
ComponentBaselineIf you change it
{{ r.c0 }}{{ r.c1 }}{{ r.c2 }}
Derivation 02
Seventeen variables × four states
Baseline → minor change → major change → inversion. Read a row left to right and you are watching a format become a different medium.
The second pass changes how the information behaves rather than what it is made of.
{{ g.t }}{{ g.q }}
{{ r.c0 }}{{ r.c1 }}{{ r.c2 }}
Derivation 04
Seven combinations that produce new objects
One variable moved is a format change. Four moved together is a different product.
{{ c.k }}{{ c.t }}
{{ c.from }}→ {{ c.to }}
{{ c.out }}
Derivation 05
The transformation grid
Eighteen named shifts. Pick the shift first, then the format — never the other way round.
{{ r.c0 }}{{ r.c1 }}{{ r.c2 }}
The inventory
Twelve families of alternative
Everything the grid produces, grouped by which variable moved. Every entry is a real composed post, not a label — including the ones that are not really graphics at all. Motion renders as its key frame, audio as its audiogram, experience as its live card, physical as the printed object.
{{ f.n }}{{ f.t }}{{ f.count }} rendered
{{ f.role }}
{{ i.code }} · {{ i.layout }}{{ i.label }}
Where the room is
Seven assets that do a second job
These combine communication with function. Not better graphics — different objects.