Design fundamentals for non-designers
ou don't need a design degree to make a slide deck, a website, or a product page that doesn't look amateur. A small set of design fundamentals — applied consistently — gets you most of the way there, and you can learn them in an afternoon.
Design Fundamentals
- Design Fundamentalsfails from
- Amateur Design Failsincludes
- Inconsistency
- Clutter
- Weak Hierarchy
- Hierarchy
- Simple Workflow
Table of Contents
- What you'll learn· 1 min
- How amateur design fails· 1 min
- The fundamentals· 1 min
- A workflow that doesn't overthink· 1 min
Quick reference
Hierarchy
First thing dramatically bigger than the rest. Then second, then third.
Alignment
Pick a vertical line. Stick to it. No drift.
Spacing
Generous, consistent. When in doubt, double it.
Palette
Two or three colours. One accent for the thing you want clicked.
Type
One typeface, two weights. Three sizes max.
Workflow
Greyscale first. Grid. Constraints. Test at thumbnail size.
You don't need a design degree to make a slide deck, a website, or a product page that doesn't look amateur. A small set of design fundamentals — applied consistently — gets you most of the way there, and you can learn them in an afternoon.
What you'll learn
How amateur design fails
Most amateur design doesn't fail because of bad taste — it fails because of inconsistency, clutter, and weak hierarchy. Three different fonts, four different shades of blue, things that should be aligned drifting by a few pixels, and the user's eye finding nothing to land on first.
The encouraging news: those failure modes are easy to fix. Each correction is small. Together they make the difference between something that looks half-finished and something that looks intentional.
The fundamentals
- Decide what the user seesDecide what the user sees first, second, and third.
- Pick a vertical linePick a vertical line and stick to it.
- Double the spaceWhen in doubt, double the space and look again.
- Use two or three coloursPick one accent and use it for the things you want clicked.
- Start with one typefaceStart there: one typeface, two weights.
- Hierarchy. Decide what the user sees first, second, and third. Make the first thing dramatically larger or bolder than the rest. Most amateur design treats every piece of text as roughly equal — and the user's eye, finding no anchor, leaves.
- Alignment. Pick a vertical line and stick to it. If three things should be left-aligned, align them — not "close to" aligned. Tools have alignment guides for a reason. Use them.
- Spacing. Generous, consistent space around elements is one of the strongest tells of professional work. When in doubt, double the space and look again. Cluttered layouts almost always look amateur; spacious ones almost always look intentional.
- A small palette. Two or three colours, consistently used. Pick one accent and use it for the things you want clicked. Everything else should be neutral — white, off-white, dark grey, black.
- One typeface, two weights. Start there. A single high-quality typeface used in regular and bold (or one display face plus one body face) carries enormous distance. More variety needs a designer's eye to make work.
A workflow that doesn't overthink
For most non-designer projects:
- 1Start in greyscale. No colour at all until the layout works. This forces hierarchy via size, weight, and spacing rather than colour. If it works in grey, colour will only improve it.
- 2Set a grid. Even an informal one. A column structure, consistent margins, consistent spacing units (8px, 16px, 24px). The grid does work the eye notices.
- 3Choose constraints. Two colours. One typeface. Three font sizes. Four spacing values. Constraints look like obstacles but actually free you to move fast — every decision becomes obvious.
- 4Show it small. Look at your design at thumbnail size on a phone. If the hierarchy still works at thumbnail size, it almost certainly works at full size. If it doesn't, start over.
Good design at this level isn't about brilliance — it's about discipline.
Want a more guided way to practise this?
Common questions
How do I pick a colour palette?
Start with a neutral (white or off-white background, dark grey text) and pick one strong accent. That's usually enough. If you need more, add one secondary colour for emphasis. Online palette tools can give you starting points, but don't use more colours than you have a reason for.
Which typeface should I use?
A high-quality default like Inter, IBM Plex, or a system serif covers most needs. Avoid old defaults like Arial and Times New Roman in projects that need to look modern. Free font libraries have plenty of professional-grade options.
What about icons and illustrations?
Use a single, consistent icon set throughout. Mixing icon styles is one of the fastest ways to make a design look amateur. For illustrations, restraint helps — one or two strong illustrations beat a dozen half-considered ones.
How do I get feedback on a design?
Show it to someone who isn't close to the project and ask: where does your eye go first? What's confusing? What can you ignore? Don't ask "do you like it?" — that produces noise. Specific questions produce signal.
Bottom line
Non-designer work goes from amateur to professional through discipline, not flair. Hierarchy, alignment, spacing, a tight palette, and one typeface — applied consistently — will carry you through almost any deck, page, or document you need to make.