Social media identity: avatars, covers, post templates
Exact dimensions for each platform: a table you need to keep at hand
The first practical mistake is to design 'by eye' and then crop to the platform. Sizes vary, and if you don't account for them in advance, the avatar becomes a mess of a logo cropped in half.
| Platform | Avatar | Cover | Post |
|---|---|---|---|
| 110×110 px (circular crop) | — | 1080×1080 px (square), 1080×1350 px (portrait) | |
| 170×170 px (desktop) / 128×128 px (mobile) | 820×312 px | 1200×630 px | |
| VKontakte | 200×200 px | 1590×400 px (desktop), visible area on mobile — 1196×400 px | 1080×1080 px |
| TikTok | 200×200 px (circular crop) | — | 1080×1920 px (vertical video) |
| 400×400 px | 1128×191 px (company) | 1200×627 px |
VK cover — a classic trap: a file 1590×400 px on mobile devices is displayed as 1196×400 px, with a 'safe zone' of approximately 140 px on each side that is consumed by the interface. If the logo or text is placed right at the edge, it simply won't be visible on a phone.
Order of element fixation: where to start and what to leave for later
The system is not set up randomly, but in a strict sequence — otherwise, post templates will have to be redone all over again after the logo or palette is approved.
- Color palette — the main and 1–2 accent colors, without blurred gradients 'for all occasions'.
- Typography — one font for headings, one for text, fixed font sizes for mobile viewing.
- Style of photography/illustration — light or high-contrast shooting, product shots or illustrations, unified processing (filter, contrast, grain).
- Compositional grid — logo placement, margins, text area for each type of media.
- Avatar and cover — adaptation of approved elements to circular and rectangular crops for a specific platform.
- Post templates — 5 working layouts, no more, tailored for specific content plan tasks.
If we start with post templates, and assert the palette 'on the fly', the system collapses by the third week — a new post simply won't fit into the old grid.
Avatar and cover: where exactly the money is lost in cropping
A circular crop of an avatar is not a designer's formality, but the reason behind half of failed logos in profiles. Instagram and TikTok display avatars in a circle 110×110–200×200 px, and if the logo is square or rectangular, the corners are simply cut off.
- Do not place text or significant details of the logo closer than 10–15% from the edge of the circle — this is the first cropping zone.
- For covers, check the layout simultaneously in desktop and mobile versions — what looks beautiful in the center on a PC may fly outside the visible area 1196×400 px on VK on a phone.
- Do not place important text (promotions, slogan, phone number) in the extreme 140 px of the VK cover — on mobile, this is the first thing that gets cropped.
- Check the avatar in a reduced size 32×32 px — this is how it appears in feeds and notifications, and small text there is unreadable by principle.
Recognition test without the logo
There is a simple test that almost all articles on brand systematization skip: close the logo on the last five-six brand posts. If the audience still recognizes the company by color, frame composition, and distinctive font — the system works. If without the logo the post turns into an faceless image — the brand relies solely on the logo, which is a fragile structure: any competitor with a similar color palette will draw attention.
Recognizability is built on three things at once: a limited palette, a repeating composition (where text is always in the same place, and photos are always in the same place), and one typography. That is why in Instagram, where 12 posts are visible simultaneously in the profile grid, no more than 3 color schemes are recommended — the eye should be able to read the pattern within a second of scrolling through the feed. In Facebook and VK, where the user sees one post at a time in the main news feed, it is acceptable to expand the palette to 5 options without losing integrity.
Social media guidelines: minimal structure for small business
A full brand book for small business with 80 pages is not needed and often does more harm than good — the team simply won’t open it. A working social media guideline fits into 6–8 pages and only fixes what is actually used on a daily basis:
- Logo: versions for light and dark backgrounds, minimum size, margin area.
- Palette: HEX codes of the main and accent colors, without 'approximately similar shades'.
- Fonts: typefaces for headings and body text plus a fallback web font, if the brand font is not supported by the platform.
- Post grid: logo placement, text block, margins from the edge for mobile viewing.
- Tone of voice: 3–5 rules of how the brand communicates with the audience — short phrases work better than abstract 'friendly and expert'.
- Examples of 'correct/incorrect' — visual samples work faster than any textual description.
A case study of a clothing store in VK showed that after implementing a unified post grid and application styling, engagement increased by 43%. The difference was not due to photo quality, but precisely due to consistency — the buyer recognized the profile in the feed before reading the name.
One platform or cross-platform system
The difference is huge, and it's rarely explained. Identity for one platform is a set of layouts tailored for specific dimensions and features of that social network: Instagram grid, TikTok video covers. A cross-platform system is a modular structure where the logo, palette, and compositional principles remain consistent, and only the format and crop are adapted for each platform.
For small businesses that run 3–4 channels simultaneously, a cross-platform approach is more beneficial: a designer once creates 5 working templates — a post, stories, a video cover, a banner for a campaign, a product card — and reuses their logic on each platform, changing only the canvas size. Attempting to draw 30 unique templates for all platforms and formats at once — a typical mistake: half of the layouts are never used, and the team sinks in files instead of publishing content on schedule.
What to prioritize when transitioning to LinkedIn
For the B2B-segment, it is worth separately mentioning LinkedIn: a properly formatted profile photo increases page views by 14 times compared to a profile without a photo or with a random snapshot (Hootsuite/Buffer data, 2026). For a company, this means that an avatar cannot be left 'for later' — it is the first element that affects conversion from view to subscription, even before a user sees a single post.
Exact dimensions for each platform: a table you need to keep at hand
The first practical mistake is to design 'by eye' and then crop to the platform. Sizes vary, and if you don't account for them in advance, the avatar becomes a mess of a logo cropped in half.
| Platform | Avatar | Cover | Post |
|---|---|---|---|
| 110×110 px (circular crop) | — | 1080×1080 px (square), 1080×1350 px (portrait) | |
| 170×170 px (desktop) / 128×128 px (mobile) | 820×312 px | 1200×630 px | |
| VKontakte | 200×200 px | 1590×400 px (desktop), visible area on mobile — 1196×400 px | 1080×1080 px |
| TikTok | 200×200 px (circular crop) | — | 1080×1920 px (vertical video) |
| 400×400 px | 1128×191 px (company) | 1200×627 px |
VK cover — a classic trap: a file 1590×400 px on mobile devices is displayed as 1196×400 px, with a 'safe zone' of approximately 140 px on each side that is consumed by the interface. If the logo or text is placed right at the edge, it simply won't be visible on a phone.
Order of element fixation: where to start and what to leave for later
The system is not set up randomly, but in a strict sequence — otherwise, post templates will have to be redone all over again after the logo or palette is approved.
- Color palette — the main and 1–2 accent colors, without blurred gradients 'for all occasions'.
- Typography — one font for headings, one for text, fixed font sizes for mobile viewing.
- Style of photography/illustration — light or high-contrast shooting, product shots or illustrations, unified processing (filter, contrast, grain).
- Compositional grid — logo placement, margins, text area for each type of media.
- Avatar and cover — adaptation of approved elements to circular and rectangular crops for a specific platform.
- Post templates — 5 working layouts, no more, tailored for specific content plan tasks.
If we start with post templates, and assert the palette 'on the fly', the system collapses by the third week — a new post simply won't fit into the old grid.
Avatar and cover: where exactly the money is lost in cropping
A circular crop of an avatar is not a designer's formality, but the reason behind half of failed logos in profiles. Instagram and TikTok display avatars in a circle 110×110–200×200 px, and if the logo is square or rectangular, the corners are simply cut off.
- Do not place text or significant details of the logo closer than 10–15% from the edge of the circle — this is the first cropping zone.
- For covers, check the layout simultaneously in desktop and mobile versions — what looks beautiful in the center on a PC may fly outside the visible area 1196×400 px on VK on a phone.
- Do not place important text (promotions, slogan, phone number) in the extreme 140 px of the VK cover — on mobile, this is the first thing that gets cropped.
- Check the avatar in a reduced size 32×32 px — this is how it appears in feeds and notifications, and small text there is unreadable by principle.
Recognition test without the logo
There is a simple test that almost all articles on brand systematization skip: close the logo on the last five-six brand posts. If the audience still recognizes the company by color, frame composition, and distinctive font — the system works. If without the logo the post turns into an faceless image — the brand relies solely on the logo, which is a fragile structure: any competitor with a similar color palette will draw attention.
Recognizability is built on three things at once: a limited palette, a repeating composition (where text is always in the same place, and photos are always in the same place), and one typography. That is why in Instagram, where 12 posts are visible simultaneously in the profile grid, no more than 3 color schemes are recommended — the eye should be able to read the pattern within a second of scrolling through the feed. In Facebook and VK, where the user sees one post at a time in the main news feed, it is acceptable to expand the palette to 5 options without losing integrity.
Social media guidelines: minimal structure for small business
A full brand book for small business with 80 pages is not needed and often does more harm than good — the team simply won’t open it. A working social media guideline fits into 6–8 pages and only fixes what is actually used on a daily basis:
- Logo: versions for light and dark backgrounds, minimum size, margin area.
- Palette: HEX codes of the main and accent colors, without 'approximately similar shades'.
- Fonts: typefaces for headings and body text plus a fallback web font, if the brand font is not supported by the platform.
- Post grid: logo placement, text block, margins from the edge for mobile viewing.
- Tone of voice: 3–5 rules of how the brand communicates with the audience — short phrases work better than abstract 'friendly and expert'.
- Examples of 'correct/incorrect' — visual samples work faster than any textual description.
A case study of a clothing store in VK showed that after implementing a unified post grid and application styling, engagement increased by 43%. The difference was not due to photo quality, but precisely due to consistency — the buyer recognized the profile in the feed before reading the name.
One platform or cross-platform system
The difference is huge, and it's rarely explained. Identity for one platform is a set of layouts tailored for specific dimensions and features of that social network: Instagram grid, TikTok video covers. A cross-platform system is a modular structure where the logo, palette, and compositional principles remain consistent, and only the format and crop are adapted for each platform.
For small businesses that run 3–4 channels simultaneously, a cross-platform approach is more beneficial: a designer once creates 5 working templates — a post, stories, a video cover, a banner for a campaign, a product card — and reuses their logic on each platform, changing only the canvas size. Attempting to draw 30 unique templates for all platforms and formats at once — a typical mistake: half of the layouts are never used, and the team sinks in files instead of publishing content on schedule.
What to prioritize when transitioning to LinkedIn
For the B2B-segment, it is worth separately mentioning LinkedIn: a properly formatted profile photo increases page views by 14 times compared to a profile without a photo or with a random snapshot (Hootsuite/Buffer data, 2026). For a company, this means that an avatar cannot be left 'for later' — it is the first element that affects conversion from view to subscription, even before a user sees a single post.
Recent articles
MegaFon, BMW, VTB and more 240+ companies. See how it looks in the showcase reel:
Our branding agency is approached to order:
Branding agency services
