Design Terms Explained: A Plain-English Glossary
A designer says “we’ll need bleed on this for print” or “let’s fix the visual hierarchy on the homepage,” and you nod along without asking what either phrase means. This glossary exists so you don’t have to. Short, plain definitions for the terms that come up most in branding, web, and print projects, organized by category so you can jump to what you need.
Branding and Identity Terms
Brand Identity
The full visual system a business uses to present itself: logo, colors, fonts, and imagery style, working together as one consistent look. This comparison of brand identity and logo design covers the difference in more depth.
Logo
A single mark, symbol, or wordmark that identifies a business at a glance. One piece of a full brand identity, not the whole thing. This breakdown of logo design cost covers what a logo project typically involves.
Brand Style Guide
A document that records a brand’s colors, fonts, logo rules, and usage guidelines in one place, so any vendor who touches your materials gets it right. This explanation of what a style guide covers goes into full detail.
On-Brand
Describes anything, a graphic, a piece of copy, a color choice, that matches a business’s established identity and tone. Off-brand work can still be well-made. It fails a different test than quality does. Read the full guide: What “On-Brand” Actually Means.
Typography
The art and practice of choosing and arranging fonts. Different typefaces carry different personalities, and typography choices shape how a brand feels before anyone reads a word. Read the full guide: Typography 101.
Color Terms
RGB
The color system screens use, built from red, green, and blue light. Every color on a website or app is some combination of these three.
CMYK
The color system printers use, built from cyan, magenta, yellow, and black ink. The same color can look slightly different once it moves from an RGB screen to a CMYK print run. Read the full guide: CMYK vs. RGB.
Hex Code
A six-character code (like #1A2B3C) that identifies an exact color for screens. Brand style guides document hex codes so every digital application uses the identical shade.
Color Palette
The set of colors, usually a primary, a secondary, and a few neutrals, that a brand uses consistently across every application.
File Format Terms
PNG
An image file format that supports a transparent background, commonly used for logos and web graphics that need to sit on top of different colored backgrounds.
SVG
A vector image format that scales to any size without losing quality, ideal for logos that need to work small on a favicon and large on a banner.
A document format that preserves layout exactly across devices, commonly used for print-ready files and documents meant to be shared or printed as-is.
AI File (Vector File)
An editable source file, typically from Adobe Illustrator, that a designer uses to make future changes. Every logo project should include one of these, not only an exported image. Read the full guide: File Formats Explained.
Layout and Composition Terms
White Space
The empty area around and between design elements. Despite the name, it isn’t wasted space, it’s what makes the rest of a layout easier to read and understand. Read the full guide: White Space Isn’t Empty.
Visual Hierarchy
The intentional arrangement of size, color, and placement that guides a viewer’s eye to the most important elements first, then to supporting details.
Alignment
How elements line up relative to each other on a page. Consistent alignment is one of the fastest ways to make a layout feel organized rather than sloppy.
Grid
An invisible structure of rows and columns that keeps elements aligned and evenly spaced across a page or screen.
Web Design Terms
Responsive Design
A website built to adjust its layout automatically for different screen sizes, from a desktop monitor down to a phone. This mobile-friendly design checklist covers what to test to confirm a site handles this properly.
Accessibility
Designing a site so people with disabilities, visual, motor, or cognitive, can use it fully. Covers things like color contrast, keyboard navigation, and screen reader compatibility. Read the full guide: Why Web Accessibility Isn’t Optional Anymore.
UX vs. UI
UX (user experience) covers how a site functions and feels to use. UI (user interface) covers the actual visual elements, buttons, menus, colors, a visitor interacts with. UI is one part of the broader UX.
Wireframe
A simple, unstyled layout sketch showing where content and elements will sit on a page, before colors, fonts, or final design get applied.
Call to Action (CTA)
The button or prompt telling a visitor what to do next: “Buy Now,” “Get in Touch,” “Book a Call.” A page’s CTA is often the single most important design element on it. This guide to reducing cart abandonment covers CTA placement in a real ecommerce context.
Print Terms
Bleed
Extra space extending past the edge of a print design, trimmed off after printing so color reaches the true edge of the page with no white border.
DPI (Dots Per Inch)
A measure of print resolution. Higher DPI means a sharper printed image. Standard print work needs 300 DPI or higher to avoid a blurry or pixelated result.
Trim
The final, finished size of a printed piece after bleed gets cut away. Important text and logos should stay well inside the trim line, not close to the edge.
Frequently Asked Questions
Why do designers use so much jargon?
Most of these terms exist because they describe something specific that a plain-language phrase can’t capture as precisely. The goal of a glossary like this one is to remove the barrier, not to argue the jargon shouldn’t exist.
Do I need to know these terms to work with a designer?
No, but knowing the basics helps you follow a project conversation and give clearer feedback. A good designer will explain terms as they come up regardless of what you already know.
Which of these terms matters most for a small business owner?
Brand identity, style guide, and CTA come up the most in everyday conversations about a small business’s marketing. The print-specific terms (bleed, DPI, trim) matter mainly if you’re ordering physical materials.
Is this glossary complete?
It covers the terms that come up most often in branding, web, and print work. Design has plenty of additional vocabulary beyond this list, but these are the ones worth knowing first.
Speaking the Same Language as Your Designer
None of these terms are complicated once someone explains them plainly, and that’s the point of this page: a reference you can come back to whenever a term comes up in a project conversation. Bookmark it, and check back as new terms come up in your own project.
If you’re ready to put any of this into practice, take a look at my branding services, my web design services, or get in touch to talk through your project in plain language from the start.
Let's Talk About Your Project
Fill out the form with a few details about your project, and I'll get back to you with the next steps.