Bad Graphic Design: 15 Common Mistakes and How to Fix Them
Bad graphic design is everywhere. Restaurant menus where you cannot find the prices. Flyers that assault your eyes with seven different fonts. Websites where the text disappears into the background image. You have seen it, and you have probably made some of these mistakes yourself.
That is completely fine. Every designer has. The difference between a struggling designer and a skilled one is not talent — it is the ability to recognize what is not working and know how to fix it.
This article breaks down 15 of the most common graphic design mistakes, organized by category. For each one, you will learn what it looks like in the wild, why it causes problems, and exactly how to fix it. Think of it as a diagnostic guide for your own work.
Why Studying Bad Design Makes You Better
There is a reason art schools spend time on critique. Understanding what graphic design is means understanding what it is supposed to accomplish — and recognizing when it fails to do that.
When you develop a critical eye for bad graphic design, three things happen. First, you catch problems in your own work before anyone else sees them. Second, you can articulate why something feels off instead of just sensing that it does. Third, you build a mental library of solutions that you can apply instinctively.
Studying design failures is not about being judgmental. It is about building pattern recognition. The core principles of graphic design exist because they solve real communication problems. When those principles get violated, the communication breaks down in predictable ways.
Let us look at exactly how that happens.
Typography Mistakes
Typography is where most bad graphic design starts. Text is the primary carrier of information in the majority of design work, and when it goes wrong, the entire piece suffers. These five mistakes account for a huge percentage of design that simply does not work.
1. Too Many Fonts (The Ransom Note Effect)
What it looks like: A poster, flyer, or webpage that uses four, five, or six different typefaces. The headline is in one font, the subheading in another, the body text in a third, the call to action in a fourth, and maybe a decorative font thrown in for good measure. The overall impression is chaotic — like a ransom note assembled from magazine clippings.
Why it is a problem: Every typeface carries a visual voice. When you use too many, those voices compete with each other. The viewer’s eye does not know where to settle. Instead of creating variety, you create confusion. The piece loses cohesion, and the message gets buried under conflicting visual signals.
How to fix it: Limit yourself to two typefaces — three at the absolute maximum. Choose one for headings and one for body text. If you need a third, reserve it for a single specific element like a pull quote or logo. Make sure your selections complement rather than compete with each other. A good font pairing creates contrast through structure (like a serif with a sans-serif) while maintaining a consistent mood.
2. Poor Font Choices
What it looks like: Papyrus on a day spa menu. Comic Sans on a legal document. Curlz MT on a funeral program. The typeface clashes so hard with the content that it undermines the message entirely.
Why it is a problem: This is not just about fonts being “bad” — Papyrus and Comic Sans became memes, but the real issue is context. Comic Sans was designed to mimic comic book lettering for a children’s software program. It actually works in that context. The problem is using it where its informal, playful character contradicts the tone you need. Every typeface has associations and a personality. When that personality conflicts with your message, the audience trusts neither the font nor the content.
How to fix it: Before choosing a typeface, define the tone of your project. Is it formal or casual? Modern or traditional? Playful or serious? Then select fonts whose character matches that tone. Understanding the fundamentals of typography helps you see typefaces as tools with specific strengths rather than decorations to pick at random. When in doubt, classic workhorses like Garamond, Helvetica, or Caslon rarely let you down.
3. Bad Kerning and Tracking
What it looks like: Letters that are too close together, too far apart, or unevenly spaced. At display sizes — headlines, posters, logos — this creates awkward visual gaps or collisions. The word “click” starts to look like something else. “Kerning” itself, ironically, becomes “keming” when the r and n merge together.
Why it is a problem: Uneven letter spacing disrupts readability and looks amateurish. The eye stumbles over inconsistencies. At large sizes, poor kerning is immediately noticeable and makes otherwise clean design feel unfinished. At body text sizes, bad tracking (the overall spacing across a block of text) makes paragraphs feel either cramped and suffocating or loose and disconnected.
How to fix it: For headlines and display text, always manually kern. Most design software lets you adjust the space between individual letter pairs. Flip your text upside down so you focus on the shapes rather than the words — this helps you see spacing objectively. For body text, stick to the typeface’s default tracking unless you have a specific reason to adjust it. If text feels too tight or too loose, try a different font weight or size before reaching for the tracking slider.
4. Insufficient Line Height
What it looks like: Paragraphs where the lines of text are packed tightly together, with ascenders and descenders nearly touching. The text forms a dense, dark block that feels exhausting to look at before you have even started reading.
Why it is a problem: Line height (or leading) is one of the most overlooked factors in readability. When lines are too close together, the eye struggles to track from the end of one line back to the beginning of the next. Readers lose their place constantly. The text feels cramped and uninviting, and people simply will not read it — even if the content is excellent.
How to fix it: Set your line height to 1.4 to 1.6 times the font size for body text. So if your text is 16px, your line height should be somewhere between 22px and 26px. Longer line lengths need more line height. Shorter lines (like in a narrow column) can get away with slightly less. The goal is to create enough space that each line of text feels like a distinct, easy-to-follow path for the eye.
5. Text Over Busy Backgrounds Without Contrast
What it looks like: White text placed directly on a photograph without any overlay, gradient, or background shape. Parts of the text are legible where the image is dark, but other parts vanish into lighter areas. The reader has to squint and piece together words like solving a puzzle.
Why it is a problem: Contrast is not optional — it is the foundation of legibility. When text and background lack sufficient contrast, reading becomes work. Some viewers will not bother. Others literally cannot read it due to visual impairments. This is both a design failure and an accessibility failure.
How to fix it: You have several options. Add a semi-transparent dark overlay behind the text. Use a solid color bar or shape behind the text block. Apply a gradient that darkens the part of the image where text sits. Or place text only on areas of the image that provide consistent contrast. Always test at actual size and consider that screens vary in brightness and calibration. If you have to ask whether the text is readable, it is not readable enough.
Layout Mistakes
Layout is the structural backbone of any design. When the structure is weak, no amount of beautiful typography or color can save the piece. These four mistakes relate to how elements are arranged — or, more accurately, how they are not arranged.
6. No Visual Hierarchy
What it looks like: Everything on the page is roughly the same size, weight, and prominence. Headlines are barely larger than body text. All elements compete equally for attention. The viewer’s eye wanders aimlessly because nothing says “start here” or “this matters most.”
Why it is a problem: Visual hierarchy tells people what to look at first, second, and third. Without it, the viewer has to do the mental work of figuring out what is important — and most people will not bother. They will glance at the piece, feel overwhelmed or confused, and move on. Your message never lands because nobody knows where to find it.
How to fix it: Assign a clear role to every element: primary, secondary, or supporting. Your primary element (usually a headline or key image) should be significantly larger or bolder than everything else. Secondary elements should be noticeably different from body content but clearly subordinate to the primary. Use size, weight, color, and position to create at least three distinct levels of importance. Squint at your design — if everything blurs into one uniform mass, you need more contrast between levels.
7. No Alignment System
What it looks like: Elements scattered across the page with no apparent relationship to each other. Text blocks that start at slightly different left edges. Images that do not line up with anything. The overall impression is messy and unintentional, like furniture arranged by someone blindfolded.
Why it is a problem: Alignment creates invisible lines that connect elements and make a layout feel organized. When alignment is absent, the viewer perceives disorder even if they cannot explain why. Every misaligned element is a tiny disruption. Those disruptions add up fast, making the design feel unprofessional and hard to follow.
How to fix it: Use a grid. Even a simple grid with a few columns gives every element a logical position. Make sure text blocks, images, and other components snap to common edges. Left alignment is the strongest default for Western text — use it unless you have a clear reason for something else. In your design software, turn on guides and snap-to-grid features. Review your work by drawing vertical and horizontal lines through key elements. If nothing lines up, start adjusting.
8. Cluttered Composition (No White Space)
What it looks like: Every square centimeter of the design is filled with content, images, icons, textures, or decorative elements. There is no room to breathe. The design feels like a storage unit packed to the ceiling — technically everything is there, but good luck finding anything.
Why it is a problem: White space (or negative space) is not empty space — it is active space that gives your content room to function. Without it, elements crowd each other, readability drops, and the viewer feels visually overwhelmed. Cluttered designs also signal a lack of editorial judgment: if everything is given equal space, nothing is truly prioritized. Understanding balance in design means knowing that what you leave out matters as much as what you include.
How to fix it: Start by removing elements that do not directly serve the purpose of the piece. Be ruthless. Then increase margins and padding around remaining elements. Group related items together and put clear space between groups. A good test: if you removed one element, would the piece still communicate its message? If yes, consider removing it. The most sophisticated designs often use the most white space.
9. Centering Everything
What it looks like: Every line of text, every image, every element is centered on the page. The design has a stiff, symmetrical look — like a wedding invitation applied to a business card, a poster, and a website landing page all at once.
Why it is a problem: Center alignment is not inherently bad, but it is the alignment of least resistance. Designers default to it because it feels “safe” and “balanced.” The problem is that centered text creates a ragged edge on both sides, making longer text harder to read. Center-aligned layouts also tend to feel static and monotonous. They lack the dynamic tension that makes designs visually interesting. When everything is centered, nothing has a strong anchor point, and the layout feels like it could drift apart.
How to fix it: Use left alignment as your starting point for text-heavy designs. Left alignment creates a strong, consistent anchor that guides the eye. Reserve center alignment for short, specific elements: a heading, a call to action, or a formal invitation. If you do center something, make sure the surrounding elements create enough structure to keep the layout grounded. Mix alignments deliberately — a centered headline over left-aligned body text can work beautifully because the contrast is intentional.
Color Mistakes
Color is powerful precisely because it is emotional and immediate. That same power makes it easy to misuse. These three mistakes show how color goes wrong when applied without a system or without consideration for how humans actually perceive it.
10. Too Many Colors With No System
What it looks like: A design that uses eight or ten different colors with no apparent logic. Each section is a different hue. Buttons are one color, links are another, headings are a third, and accents are a fourth, fifth, and sixth. The overall effect is a visual cacophony — like a bag of Skittles exploded on the page.
Why it is a problem: Without a color system, colors cannot do their job. Color is supposed to communicate meaning: this is important, these are related, this is different. When every element has its own color, those signals break down. The viewer cannot distinguish between meaningful color differences and random ones. The design feels chaotic and amateurish, regardless of how individually appealing the colors might be.
How to fix it: Build a color palette before you start designing. Choose one primary color, one or two secondary colors, and a neutral (black, white, gray, or a desaturated version of your primary). Assign specific roles to each color: primary for main actions, secondary for accents, neutral for body text and backgrounds. Stick to this system consistently. If you need more variety, use tints and shades of your existing palette rather than introducing entirely new hues.
11. Poor Contrast (Accessibility Failure)
What it looks like: Light gray text on a white background. Yellow text on a light green button. A pastel color scheme where nothing has enough visual weight to stand out. The design might look “clean” or “minimal” on the designer’s calibrated monitor, but it falls apart on cheaper screens, in sunlight, or for anyone with reduced vision.
Why it is a problem: Approximately one in twelve men and one in two hundred women have some form of color vision deficiency. Millions more have reduced contrast sensitivity due to age, cataracts, or other conditions. Low-contrast design excludes these users entirely. Beyond accessibility, poor contrast weakens the visual impact for everyone. Designs without sufficient contrast feel washed out and forgettable.
How to fix it: Follow the Web Content Accessibility Guidelines (WCAG) as a baseline: normal text needs a contrast ratio of at least 4.5:1 against its background. Large text needs at least 3:1. Use a contrast checker tool — there are dozens of free ones online. Test your colors on different screens. Design in grayscale occasionally to make sure your hierarchy works through value alone, without relying on hue. If a color combination fails the contrast test, darken the dark color or lighten the light one until it passes.
12. Clashing Color Combinations
What it looks like: Red and green at full saturation placed next to each other. Bright magenta paired with electric orange. Colors that vibrate optically at their boundaries, creating a visual buzzing sensation that is physically uncomfortable to look at. The design feels aggressive even if the content is benign.
Why it is a problem: Certain color combinations create a phenomenon called simultaneous contrast or chromatic vibration, where the eye cannot comfortably process the boundary between two colors. This causes actual visual fatigue. Other combinations simply carry unintended associations — red and green together read as “Christmas” regardless of your intentions. Clashing colors distract from your message and can make viewers instinctively look away.
How to fix it: Learn the basics of color theory. Complementary colors (opposites on the color wheel) create vibrant contrast but can clash at full saturation — desaturate one or both, or separate them with a neutral. Use analogous colors (neighbors on the color wheel) for harmonious schemes. When in doubt, start with a proven palette from a tool like Adobe Color or Coolors. Test combinations by placing actual text and UI elements in your chosen colors, not just looking at swatches side by side.
Conceptual Mistakes
The three mistakes in this section are harder to spot in a checklist because they are not about specific visual elements. They are about thinking. These are the errors that persist even after a designer masters the technical fundamentals.
13. Style Over Communication
What it looks like: A poster so heavily stylized that you cannot figure out what event it is advertising. A logo so abstract that nobody knows what the company does. A website so focused on animation and visual effects that finding basic information requires three minutes of scrolling through parallax layers. The design is undeniably “cool” — and utterly useless.
Why it is a problem: Graphic design exists to communicate. When aesthetic choices obscure the message, the design has failed at its fundamental purpose. This mistake is especially common among designers who have recently discovered new techniques or styles and want to show off their skills. The audience does not care about your skills. They care about whether they can find the event date, read the menu, or click the right button.
How to fix it: Before you design anything, write down in one sentence what the piece needs to communicate. Keep that sentence visible while you work. Every design decision should be tested against it: does this typeface help or hinder communication? Does this background effect make the key information more or less accessible? Style and communication are not enemies — the best designs achieve both. But when they conflict, communication wins. Every time.
14. Ignoring the Audience
What it looks like: A children’s educational app designed with corporate minimalism. A law firm’s website that looks like a skateboard brand. Marketing materials for retirees that use tiny text, trendy slang, and a dark color scheme. The design might be well-executed technically, but it is speaking a visual language the audience does not understand or trust.
Why it is a problem: Design is not self-expression — at least not primarily. It is a communication bridge between a message and an audience. When you design for yourself instead of for the people who will actually use the piece, you build a bridge to nowhere. The audience makes instant judgments based on visual cues. If those cues signal “this is not for me,” they leave before reading a single word.
How to fix it: Research your audience before you open your design software. What are they familiar with? What do they expect? What visual language do they trust? Look at what competitors and peers in the same space are doing — not to copy, but to understand the baseline expectations. Then make deliberate choices about where to meet those expectations and where to push them. Show your work to actual members of the target audience and listen to their responses without getting defensive.
15. No Focal Point
What it looks like: A design where your eye enters and immediately starts wandering without landing on anything specific. There is no dominant element, no clear starting point, no visual anchor. The piece might contain all the right information, but it has no entry point — like a room with no door.
Why it is a problem: Humans are wired to look for the most prominent thing in their visual field. When a design lacks a focal point, the brain receives conflicting signals — everything is equally (un)important. This creates a feeling of confusion or discomfort that most people cannot articulate but definitely feel. Without a focal point, you lose control of how people experience your design, and the message delivery becomes random.
How to fix it: Choose one element to dominate. Make it significantly larger, bolder, more colorful, or more prominently positioned than everything else. This could be a headline, an image, a number, or a graphic element. Use the principles of design — contrast, scale, color, and position — to draw the eye to your chosen focal point first. Then create a visual path from that focal point to the next most important element, and so on. Your design should have a clear reading order that guides the viewer from start to finish.
How to Evaluate Your Own Work
Knowing these fifteen mistakes is only useful if you can spot them in your own designs. Here is a practical review process you can apply to any project.
First, step away. Close the file for at least an hour — overnight is better. When you return, you will see it with fresher eyes. Second, squint at the design. This blurs the details and reveals the underlying structure. Can you see a clear hierarchy? Is there a focal point? Third, show it to someone who has no context. Ask them what they notice first, what the piece is about, and what they should do next. If their answers do not match your intentions, something needs to change.
Fourth, check the technical fundamentals. Run through this list: font count, contrast ratios, alignment, white space, and color system. Fifth, read every piece of text at actual size on actual devices. If anything is hard to read, fix it — no excuses about “most people can read it.” Accessibility is not a bonus feature. It is a baseline requirement.
Frequently Asked Questions About Bad Graphic Design
What is the most common graphic design mistake beginners make?
The most common mistake is trying to do too much at once — too many fonts, too many colors, too many elements, not enough white space. New designers tend to equate “more” with “better” and are hesitant to leave anything out because it feels like they are not working hard enough. The discipline of simplification comes with experience. Start by limiting yourself to two fonts, three to four colors, and generous spacing, then add elements only when they serve a clear purpose.
Can a design that breaks the rules still be good?
Absolutely. Experienced designers break rules all the time — but they do it intentionally and with full understanding of the rule they are breaking and why. David Carson’s grunge typography in Ray Gun magazine broke virtually every typographic convention, but it did so in deliberate service of the magazine’s identity and audience. The difference between a broken rule and a mistake is intent and awareness. Learn the rules first, then you have earned the right to break them strategically.
How do I know if my design has enough contrast?
Use a contrast checking tool to test your text against its background. The WCAG (Web Content Accessibility Guidelines) standard recommends a minimum ratio of 4.5:1 for normal-sized text and 3:1 for large text (18px bold or 24px regular and above). Free tools like WebAIM’s contrast checker let you input two colors and get an instant ratio. Beyond automated testing, view your design on multiple screens and in different lighting conditions. Ask someone with different vision than yours to review it. If there is any hesitation about legibility, increase the contrast.
Is it bad design to use popular or trendy styles?
Using current design trends is not inherently bad. Trends become trends because they solve real problems or resonate with contemporary audiences. The danger is following trends blindly without understanding why they work or whether they suit your specific project. A trendy glassmorphism effect might be perfect for a tech startup’s landing page and completely wrong for a traditional bank’s annual report. Evaluate every trend against your project’s goals, audience, and context. Use trends as tools, not as shortcuts for making design decisions.
