Five Rules for Social Graphics When You Have No Design Experience

You are about to post an image that has no business seeing the light of a feed. It will be cropped, unreadable, or just ugly, and you will blame yourself. The fix is not talent; it is rules. Here are the five non-negotiable rules for social media visuals made by non-designers. They prevent almost every amateur mistake. Each rule comes with its reasoning so you can apply it even when a template lets you down. Visual design is not art with commercial trimmings; it is engineering with aesthetic consequences. When you treat it as engineering, you stop guessing and start specifying. These are the specifications that matter most.

The first thing you will do wrong is put text too close to the edge. Every social platform crops your image differently depending on the device and where it appears: a feed post, a story, a shared message. The platform publishes the visible area dimensions, but that is not the full story. The full story is the safe zone, the inner rectangle inside the canvas where text and logos must live to survive the platform's own trimming. Put text outside that zone and you gamble that every feed renderer on every device will show exactly what you see in your editor. They will not.

The reasoning is simple. Instagram shows a square crop in the feed but a full-bleed version when tapped. Your text at the bottom edge might look fine in the feed and then get covered by the phone's interface elements. The safe zone is the only area you can guarantee. Open the platform's help page, find the current measurements, and draw a rectangle ten percent smaller on each side. Put everything that matters inside that inner rectangle. The logo, the headline, the call to action. The backdrop can bleed to the edges; the text cannot.

The failure case is the marketing manager who designs a beautiful 1080 by 1080 square, only to find the headline cut off on an Android phone with gesture navigation covering the bottom. The fix is not to redesign; it is to apply the safe zone before you start. If a template does not show you the safe zone, draw it yourself with a rectangle tool set to a fill of none and a stroke of red. Then delete that rectangle before export. The red rectangle is a guide, not a design element. Learn to see it, and you stop making the single most common error in social visuals.

You have chosen a beautiful photograph and a font you like. The photograph has a bright sky behind the text and a dark foreground, so the text is half-visible. You think you can fix it with a drop shadow. You cannot. The text will still fail the minimum contrast ratio required for legibility, and on a dimmed mobile screen in sunlight it will be worse. The rule is to put a scrim overlay or a solid block of colour behind the text to meet the WCAG 2.2 contrast minimums. That is not a stylistic choice; it is a legal standard for accessibility in many jurisdictions and a readability standard everywhere else.

The number to remember is 4.5 to 1 for normal text and 3 to 1 for large text, where large means 18 point or 14 point bold or larger. Find a contrast checker online in seconds. What most non-designers do not know is that the checker samples the actual pixel colours, and a passing ratio on a bright screen may fail on a dimmed one. So you do not want to just pass; you want to pass comfortably. A scrim is a semi-transparent rectangle placed between the backdrop and the text. It darkens the area behind the text without hiding the photograph. A scrim is not a design trend; it is a legibility tool. Use a black scrim at fifty percent opacity as a starting point, then adjust until the contrast ratio passes with room to spare.

The failure case is the event flyer with white text on a pale yellow field because the brand colours looked good in the palette. The text is unreadable, and the reader scrolls past. The fix is to check the contrast ratio before you export, not after you post. If the ratio fails, you have two options: lighten the text or darken the backdrop. The scrim does the second. Make it a habit: before you export, run the two colours through a contrast checker. That habit saves you from the most embarrassing failure mode in social media design basics for beginners, which is a visual no one can read.

You have a logo, and you love it. You want to put it in the centre, or on the right side, or at an angle. Stop. The logo position on a social visual is not a creative decision; it is a consistency decision. Lock the logo to one corner and keep the same corner on every image your organisation publishes. The reasoning is recognition. The reader sees your visual in a feed, and the corner placement tells them instantly who created it, even if the image is small. Move the logo around and you lose that recognition. The visual looks like it was made by a different person each time. That is the definition of unprofessional.

The clear space around the logo is not optional. It is the minimum distance between the logo and any other element, including the edge of the canvas. The standard is to use the height of the logo's own letterforms as the unit of measure. If the logo is twenty pixels tall, the clear space is twenty pixels on all sides. Find the logo's clear space specification in the brand guidelines. If you do not have brand guidelines, make it up and write it down. The rule is simple: the logo touches nothing else, and it sits in the same corner every time.

The failure case is the small-business owner who places the logo in a different spot on every image because they are experimenting with layout. The result is a feed that looks like it was made by five different companies. The fix is to decide on one corner before you start and never change it. If you are using a template, the logo is probably already placed. Leave it there. The alignment zone you create by locking the logo is what gives your visuals a consistent, professional identity. Consistency is not boring; it is the entire point.

Why You Check Every Time

You have finished the design. Now you need to export it. You open a blog post from 2019 that lists the perfect image sizes for every platform, and you follow it. That is a mistake. Platform help pages change their recommended measurements without notice. A third-party list is obsolete the moment it is published. Export at the current recommended size from the platform's own help page, and check that page every single time you export. The cost is one extra browser tab and thirty seconds of your time. The benefit is that your image will not be cropped, stretched, or compressed into a format that ruins the design.

File Format and Colour Pitfalls

When you export, pay attention to the file format. A JPEG is lossy, which means it introduces compression artefacts, especially around text. A PNG is lossless and supports transparency, but it is heavier. For a visual with text, PNG is the safer choice, but check the file weight. A file that is too heavy will not load instantly on a slow connection. A file that is too light will show compression artefacts. The sweet spot is a balance. If you are using Canva, the export limitations are real: Canva's RGB-only colour model is fine for screen use, but it creates a print-failure mode if you ever repurpose the visual for a flyer. The screen colours will print darker and muddier. If there is even a small chance the visual gets printed, design in a tool that supports CMYK and ICC colour management, or accept the colour shift and order a proof before committing to a print run.

The failure case is the marketer who exports a LinkedIn banner at the size a blog recommended, only to find that LinkedIn's current help page specifies a different aspect ratio, and the banner gets cropped on desktop. The fix is to check the help page, not the blog. Bookmark the platform help pages and visit them each time. This is one of the simplest rules in DIY social visuals, and it is the one most often ignored because it is so easy to assume the information has not changed. It has changed. Check it.

You have designed the image, checked the contrast, and locked the logo. Now you are going to post it, and you will be tempted to skip the alt text. Do not. Alt text is the written description that screen readers use to describe the visual to a visually impaired person. It is also how search engines index your image. Write alt text for every image, and write it as a description of the information the image conveys, not a description of the image itself. If the visual is a quote, the alt text is the quote. If the visual is an infographic with statistics, the alt text is the key statistics. If the visual is a photo of a product, the alt text is the product and its context.

The reasoning is twofold. First, accessibility is not optional. In many jurisdictions, a failure to provide alt text on a marketing image is a violation of accessibility laws, and the legal risk is real. Second, alt text is a ranking signal. An image with well-written alt text can appear in image search, driving traffic to your page. The alt text is the only chance you have to tell a search engine what the image is about. Leave it blank and you give away a search placement.

The failure case is the visual that is entirely text and has empty alt text, so a screen reader announces 'image' and nothing else. The reader has no idea what it says. The fix is to write the text of the visual as the alt text, or to summarise it if the text is long. If the visual is a data visualisation, describe the key takeaway. Do not write 'photo of a chart' when the chart says 'sales doubled in Q3'. The reader cannot see the chart; they need you to tell them what it says. This is the most overlooked rule in social media design mistakes for non-designers, and it is the easiest one to fix.

The Difference the Rules Make

Here is what the rules look like when they are applied. Before: an image with text at the very bottom edge, a white headline on a pale blue field, a logo floating in the centre, and measurements taken from a blog post. After: the text is pulled inside a safe zone, the headline sits on a dark scrim that passes contrast ratio, the logo is in the top-left corner with clear space, and the export uses the platform's current help page dimensions. The difference is not subtle. The 'after' is readable, recognisable, and accessible. The 'before' is a mess.

Constraints, Not Creativity

The common thread is that each rule is a constraint, and constraints are what make design work. With an infinite number of choices you make bad decisions. With five rules you make good ones. The rules are not about creativity; they are about competence. They will not make a boring image interesting, but they will stop a potentially good image from becoming a bad one. That is the goal. If you want style, go elsewhere. If you want a minimum viable standard, these five rules are it.

A Note on Tools

Canva is fine for quick work, but be aware of its limitations. The RGB-only colour model means what you see on screen is not what you get in print. If you are going to print, use InDesign or another tool that supports ICC colour management and CMYK. The file weight of a Canva export can also be a problem, with unnecessary metadata bloating the file. Learn to export at the right settings. The platform's help page is your friend. Use it.

Do I really need to check the platform help page every time?

Yes. The recommended measurements change without notice, and a stale number will crop your design. It costs thirty seconds. Bookmark the help pages and check them on a schedule.

What if my brand colours have no contrast with white text?

Do not force white text. Use a dark scrim behind the text, or use the dark brand colour for the text on a light field. The contrast ratio must pass. Check it.

Is PNG always better than JPEG?

No. PNG is lossless and supports transparency, but it is heavier. For a photographic backdrop without text, a well-compressed JPEG can be smaller and look fine. For text, PNG avoids compression artefacts around the letters.

Can I use a drop shadow instead of a scrim?

No. A drop shadow is not a reliable contrast tool. It creates a soft edge that does not guarantee a passing contrast ratio. A scrim or a solid block of colour is a deterministic fix. Use the scrim.

These five rules will prevent most problems, but they will not make you a designer. They are the grammar, not the prose. A visual that follows all of them can still be dull. One that breaks all of them can be memorable. The rules are the floor, not the ceiling. They are what you need to avoid embarrassment, not what you need to achieve brilliance. If you find yourself producing images that are correct but lifeless, the answer is not to break the rules; it is to study why the strong examples work. That is a longer path, and it is the one that leads to growth. For now, follow the rules, ship the image, and move on to the next problem.

The one thing you should not do is treat these rules as a creative cage. They are a safety net. The moment you understand the reasoning behind each rule, you will also understand when it is safe to bend it. That understanding comes with time and practice. Until then, the safe zone is there for a reason, the contrast ratio is there for a reason, and the logo is in the corner for a reason. Respect the reasons, and your visuals will respect you back.

'Your text at the bottom edge might look fine in the feed and then get covered by the phone's interface elements.' It is a specific failure mechanism that most non-designers have never considered, and it names the exact reason why the safe zone is not a suggestion.