How Social Studio designs a post

Every picture, carousel and video Social Studio makes follows one design method. Your brand gets a visual system, each picture is laid out in one of ten layout families, real screenshots of your own site stand in for drawings of the product, and before you see a post, the project's own AI looks at it and revises it once. A series of posts then looks like one brand without repeating one frame.

Partly built. This is part of Social Studio, a paid plugin, since the build of 30 October 2026. It was tried with the real Claude Code and Codex. It has not yet been seen on a real phone inside Instagram's own app.

Your brand, read from your site

On the Brand tab, Read my website takes the site's own logo, chosen by its link to the home page or its name and never a social icon of the footer, the typeface the body text is set in, and the colors of the page. A border the ground would hide, or a text color that would not read, is made from the other colors, and the tab says so. A site that stands on a dark ground sets the brand to lead with dark posts.

The visual system of your brand

On the Brand tab, under Visual system, the project's own AI proposes what every post of the brand repeats: the corners (sharp, soft or round), the shadows, the scale of the type and the weight of headlines, the pace of motion in videos, and in words its imagery, its shapes and its rules. Change any part of it, then approve it with the rest of the brand. A post remembers the version it was made with.

Your colors become roles: four grounds (light, tinted, dark and your brand color) and, on each, a text color, a quiet text, a card and a strong color. Each is taken from your own palette and moved only as far as reading needs. The pairs are measured for contrast, and a pair that reads badly is marked too weak.

Ten layout families

A picture is a poster, a split, a product shown in a device, a large number, a comparison, a list, steps, a statement, the classic frame or a free layout. The logo moves with the family, the focal point changes size, and the system stays the same on every slide. A carousel tells one story in order, from the hook on the cover to the next step, and two slides in a row never share both a family and a ground. No slide counter is drawn, because Instagram shows its own.

Real screenshots of your site

1. Open the Brand tab and find Pictures of the product.
2. Click Take screenshots of my site. The computer's own browser takes your home page and up to three pages that show the product, its price or how it works, on a desktop and on a phone.
3. To use pictures the project already holds, such as store screenshots or a press kit, click Take pictures from the project's files. It adds up to six, and the project itself is only read.
4. To add a picture of your own, such as a screen behind a login, click Add a picture and say what it shows.

Posts show these inside a browser or a phone frame, cut to the column of the page's heading so the words stay readable. A screenshot cut at a side, or one whose heading would be too small on a phone, goes back to the AI. A finished picture from the project's files is shown whole in a frame of its own, and nothing of the post is laid over the words inside it. Blog articles are never used as pages of the product. Words, labels, charts and the logo stay real text. When you ask for a change in words, every picture of the post is kept unless you ask one away.

Painted art, when the project runs on Codex

When a project's subscription is Codex, a post can have a painted picture: a scene of the product in your brand's exact colors. The studio places it on a rounded panel of its own on the cover, with the headline above it and a short label on it. Claude Code and Grok paint nothing, so their posts are drawn in code, and a post set to be painted on another subscription says so before anything is made.

The look and the one revision

After drawing, and for a video before a single frame is rendered, the pictures are put on a sheet at the size of a phone, with the cover cut as a profile's grid shows it. The project's own AI judges them on truth, hierarchy, reading on a phone, balance, contrast, imagery, brand, crops and finish, then revises once. The revision is kept only if it measures no worse than the first pictures.

Claude Code and Codex can look at pictures. Grok cannot, so a Grok project's post says Nobody looked at the drawn pictures. In the post's editor, Design shows the art direction the AI wrote first, what the look found and what was revised. One look and one revision per post keep the cost to your subscription small.

Crops, captions and the small print

Every word is measured against the platforms: a 4:5 picture cut to 3:4 in a grid, and the name, caption and buttons that Instagram and YouTube lay over a Reel or a Short. Video captions are grouped by meaning, two to five words each, never cut after a word the thought goes on from or between a number and what it counts. A sentence said twice in one picture, labels that disagree with the picture, and a second logo or address are found and given back to the AI. A caveat under a headline is moved into the small print.

How to make and publish a post is in Social Studio: posts, carousels and videos, and how its words are set in The words of a post and the kinds of content.

Questions