Feature Section Illustrations
Feature sections are the workhorses of a landing page: six alternating blocks, each pairing a claim with a picture of that claim being true. Because they stack vertically, inconsistency is brutally visible — the reader scrolls past all six in ten seconds and any style mismatch registers as sloppiness before they can name why.
Write your six feature headlines first, then generate all six scenes in one prompt so they share composition logic and palette. Keep the visual weight even: one dramatically busier scene makes the others look unfinished. Export SVG and let each scene inherit brand color from CSS so a palette change does not mean regenerating art.
Section notes
| Aspect | 4:3 or 1:1 for side-by-side blocks; keep the same ratio across all sections |
|---|---|
| Density | One idea per scene — a feature illustration showing three things communicates none |
| Direction | Alternate the visual flow left/right to match the alternating layout |
| Reuse | The same scenes usually work in-app for feature discovery and upgrade prompts |
Styles that fit
Each of these presets is tuned for full-scene illustration, not icon glyphs. Pick one to open the generator with it already selected — suggested canvas for this job is 4:3.
Example prompts
Describe the whole set in one prompt — generating the scenes together is what keeps them looking like one family.
How the illustration flow works
- 1
Pick the job
Open the Illustrations tab in the generator and choose the use case — feature section illustrations maps to a tuned prompt template rather than a blank box.
- 2
Describe the scene
Give the product context and, optionally, the specific scene. Suggestions appear as you type, and you can attach up to three of your own illustrations as style references.
- 3
Review before you commit
Generation returns a preview first. Keep the ones that work, generate more into the same batch, and only then import — credits are spent on generation, not on browsing.
- 4
Vectorize and refine
Accepted scenes are traced to real SVG paths and land in a project. Open any one in the studio to clean nodes, recolor fills, or simplify paths.
- 5
Expand later, still matching
When you need scene number nine, expand the same project. Your existing illustrations become the style reference, so the new ones match instead of drifting.
Frequently asked questions
How many feature illustrations should a landing page have?+
Four to six. Beyond that, readers stop scrolling before they reach the last ones, and each additional scene dilutes the pattern rather than reinforcing it.
Can I reuse feature illustrations inside the product?+
Yes, and you should — the same scene used on the marketing page and in the in-app feature announcement makes the product feel continuous with its own advertising. SVG makes the reuse free.
Related illustration guides
Keep reading
Make your feature section illustrations
Describe the scenes, pick a style, and get a matched set as editable SVG. Free to start, no credit card required.
Open the illustration generator