You have a clear picture in your head of the image you want for a page, but you can't find it because you don't know what it's called. Designers and stock sites use words like "editorial," "flat-lay," and "negative space" as if everyone learned them in school. This is a plain-English glossary of those words, built around one job: helping you describe the image you pictured well enough to actually search for it.
Each term below gets a one-sentence definition, a real "use it when" example tied to a page section, and the kind of thing you'd type to find one. The whole point is to turn a vague mental image into a search you can run.
What "visual style" actually means
"Visual style" is just the set of choices that decide how an image looks and feels: whether it's a photo or a drawing, whether it's bright or moody, whether people are posed or caught mid-action, whether there's empty space or the frame is packed. None of it is about quality. A simple gradient and a busy office scene are both perfectly good images; they're different styles, and they belong in different places on a site.
The words matter for one practical reason. Stock libraries, AI image tools, and design briefs are all organized around these terms. If you can name the style, you can filter for it, ask for it, or type it into a search box and get close on the first try. If you can't, you scroll forever. That's the entire job this glossary is doing, and it's the same idea behind learning how to choose a visual style for your website in the first place.
A quick note that runs through everything here: Picdrome's images are AI-generated, and they're free to use for personal and commercial website projects, subject to the Picdrome Image License. Where a term names a kind of image you can browse, the link goes to that category so the definition turns into a place to look rather than a fact to memorize.
People and scene terms
These describe what's happening in the image: who's in it, what they're doing, and how staged it feels.
Candid
A shot that looks unplanned, as if you caught the moment rather than arranged it. People are mid-laugh, mid-task, looking away from the camera. Use it when: an About or team section where you want the site to feel human instead of corporate.
Editorial
An image that looks like it belongs in a magazine article: natural, story-like, a real situation rather than an obvious advertisement. Editorial overlaps with candid and lifestyle, but the tell is that it feels like it's illustrating a story. Use it when: a homepage section or a blog header where you want a polished but believable scene. The image categories and styles guide explains how to recognize that look when evaluating images.
Lifestyle
A photo showing a product or service in everyday use, with real-feeling context around it: someone using the app at a kitchen table, a candle lit in a living room. Use it when: a feature or product section where you want visitors to picture themselves using what you offer.
Environmental
A photo of a person shown in their actual setting, so the background tells you something about them: a baker in the kitchen, a developer at a real desk. Use it when: an About page or a service page where the surroundings add context and credibility.
Hero shot
The single large image at the top of a page, the first thing a visitor sees, usually with a headline sitting over it. Use it when: the top of a homepage or landing page. Hero images almost always need room for text, which brings us to the next set of terms.
A reminder that applies to every people-based image here: Picdrome's images are AI-generated, so the "person" in a candid or environmental shot isn't a real customer or team member. Use these images to set a tone or illustrate a scene, not to imply a specific real person endorses you.
Composition terms
Composition is how things are arranged inside the frame. These are the terms that decide whether your headline will fit.
Negative space (and copy space)
Negative space is the empty area around the main subject. "Copy space" is the same idea described by what you'd do with it: room to put your headline, a sentence, or a button. When a designer says an image "has good copy space," they mean there's a calm, uncluttered area where text will sit and stay readable. Use it when: any hero or banner where words go on top of the image. This is the single most useful term in the whole glossary for website work, because a gorgeous photo with no empty zone makes your headline impossible to read. If you want backgrounds built for exactly this, gradient and abstract backgrounds are calm enough to leave obvious room for text, and the deeper rules for keeping text legible are covered in how to choose a visual style for your website.
Flat-lay
A photo taken straight down from above, with objects arranged neatly on a flat surface: tools, products, ingredients, stationery. Use it when: a product section, a shop page, or a clean decorative break between sections. "Flat-lay" is a searchable style on Picdrome, so when you picture that neat overhead arrangement, you can browse image categories and styles and look for it by name instead of guessing.
Rule of thirds
A composition where the main subject sits about a third of the way in from a side, rather than dead center. It tends to look more natural and leaves space on the opposite side. Use it when: picking a hero where you want the subject on one side and your text on the other.
Framing
Using something in the foreground (a doorway, branches, a window) to surround the subject and draw the eye toward it. Use it when: you want a section image with a bit more depth and a clear focal point.
Treatment and mood terms
"Treatment" is the overall finish and feeling, mostly down to color and lighting. These are the words you reach for when an image is the right subject but the wrong vibe.
Minimal
Few elements, lots of empty space, nothing fighting for attention. Use it when: a clean, modern hero or a section background that shouldn't distract from the text.
Muted
Soft, low-saturation colors, nothing loud. Calm and a little understated. Use it when: a brand that wants to feel quiet and premium. The role of restraint in that "expensive" feeling is unpacked in why some websites feel more premium.
Bold
Strong, saturated colors and high contrast. Energetic and attention-grabbing. Use it when: a playful or youthful brand, or a section you want to pop.
High-key
Bright and airy, with light tones throughout and few dark shadows. Use it when: a fresh, optimistic look, common for wellness, beauty, and lifestyle sites.
Moody
Darker, with deep shadows and lower light. Atmospheric and serious. Use it when: a section where you want drama or a more upscale, restrained tone.
Monochrome
One color, or black and white. No competing hues. Use it when: a sophisticated section background, or to make an image sit calmly behind colorful text.
How to use these words to find the image faster
Here's the practical move. When you have an image in your head, describe it in three layers, then search using the words from each:
- Subject and scene: what's in it and how staged? (candid, editorial, lifestyle, flat-lay)
- Composition: does it need room for text? (negative space, copy space)
- Mood: what should it feel like? (minimal, muted, moody, monochrome)
A real example: "I want the top of my homepage to show a person working in a real setting, with space on the left for my headline, in a calm, soft color palette." In glossary terms, that's an environmental or editorial hero with copy space and a muted treatment. Now you have four words to filter by instead of scrolling blind.
Use these style words alongside the page section and business type when writing an image brief or searching an approved source. Start at the browse image categories and styles hub and narrow by the words above. If you're still weighing photo versus a drawn or rendered look, photo vs illustration vs 3D covers that choice before you start filtering.
Cheat-sheet
A quick reference for the terms most likely to come up while you're choosing website images.
| Term | What it looks like | Where it fits on a site |
|---|---|---|
| Candid | Unposed, caught mid-moment | About / team section |
| Editorial | Magazine-style, story-like scene | Homepage section, blog header |
| Lifestyle | Product or service in real use | Feature / product section |
| Environmental | Person shown in their real setting | About page, service page |
| Hero shot | The big image at the top of a page | Homepage / landing hero |
| Negative space / copy space | Empty area for text to sit | Any hero or banner with a headline |
| Flat-lay | Objects arranged, shot from above | Product, shop, decorative break |
| Minimal | Few elements, lots of space | Clean modern hero, calm background |
| Muted | Soft, low-saturation colors | Quiet, premium-feeling brands |
| Bold | Strong colors, high contrast | Playful brands, sections that pop |
| High-key | Bright and airy | Fresh wellness / lifestyle sites |
| Moody | Dark, shadowy, atmospheric | Serious or upscale sections |
| Monochrome | One color or black and white | Sophisticated backgrounds |
This blog post is the short version; the fuller reference, including licensing terms like "royalty-free" and "public domain" explained accurately, lives in the Visual Style Glossary. Keep it handy, then browse the style that matches what you pictured over in the image categories and styles hub.
In Plain English
This is a plain-English dictionary of the image-style words you keep running into (editorial, flat-lay, negative space, candid, muted, and more), each defined by what it looks like and which page section it suits. It helps non-designer founders, freelancers, and anyone choosing website images turn a picture in their head into words they can actually search for. Use it the moment you're stuck describing an image or filtering a library and a term trips you up. The key one to remember is "negative space" (also called "copy space"): it just means room to put your headline or button on top. To go further, describe your image in three layers (subject, composition, mood), then take those words to the image categories and styles hub, keep the Visual Style Glossary open as a reference, and read how to choose a visual style for your website when you're ready to pick one consistent look. Picdrome's images are AI-generated and free to use for personal and commercial website projects, subject to the Picdrome Image License.