--- title: Create illustrations for your website and blog description: Replace generic stock imagery with original illustrations in one consistent style, made by an AI marketer that writes down your illustration style, matches every new piece to the ones you approved, and puts them on your pages. slug: /use-cases/marketing-illustrations page_type: use-case lead_prompt: How do I create illustrations for my marketing with AI? target_prompts: - Can an AI marketing agent make custom illustrations for our website and blog? - How do I make custom illustrations for blog posts? - How do I get a consistent illustration style for my website? - Can AI create spot illustrations for a SaaS website? - How do I replace stock images with original illustrations? entity: Kite category: AI marketing agent author: Devon Wells and Kite date_published: '2026-10-29' date_modified: '2026-10-29' --- # Create illustrations for your website and blog ## Key Takeaways - To create marketing illustrations with AI, settle on one illustration style first, then make every new illustration from that style and from examples you've already approved. Writing a fresh prompt for each image is what makes AI illustrations look like they came from different companies. - Kite records your illustration style in your brand's design system: the medium, the palette, the level of detail, and the kinds of subjects you draw. It uses your approved illustrations as style references for each new one. - Kite plans each illustration for the spot it will fill, such as a wide blog header, a small spot illustration beside a feature, or a section background with room for a headline. - On a software company's website, Kite uses illustrations to explain ideas and builds product screens, charts, and diagrams into the page itself instead of generating pictures of them. - Kite places approved illustrations on a website it builds and hosts for you, and it can turn a photo, a sketch, or an illustration you like into a new piece in your style. ## Why original illustrations are worth the effort Stock imagery is the fastest way to fill a page, and it shows. The same smiling team around a laptop appears on thousands of sites, and readers have learned to skip right past it. Original illustrations do something stock can't: they show your idea, in your colors, in a style people start to associate with your company. The usual way to get them is to hire an illustrator. That works well for a brand refresh or a flagship page. It's harder to justify for every blog post, every new feature section, and every landing page you spin up for a campaign, so most teams commission a handful of pieces and fall back on stock for everything else. AI image tools make a single illustration easy. Making the fortieth one match the first is the hard part. A generator starts from scratch with every prompt, so one request comes back as flat vector art and the next as a glossy 3D render. Line weights change, colors drift, and the characters in one post look nothing like the characters in the next. Good illustration work for a website and blog has a few parts: - Defining an illustration style specific enough to repeat. - Deciding what each illustration needs to show and where it will sit on the page. - Making it, whether from a description, from an example, or from an image you already have. - Reviewing it, revising it, and keeping the style tight as the library grows. - Putting it on the page in the right size and shape. That's work an AI marketer handles well, because it can keep your style on file, apply it every time, and remember what you corrected. Kite is an AI marketer. It researches your business, builds a growth strategy, and ships the work that brings you new customers. Here's how it creates illustrations for your website and blog. ## How Kite creates illustrations for your website and blog Kite treats your illustrations as one connected set rather than a series of separate requests. It starts from the brand research it does when your team signs up, which includes your website's colors, fonts, logo, and the imagery already on your pages. From that, it writes down an illustration style. Each new illustration starts from that style and from the pieces you've already approved. When Kite writes a blog post or builds a page, it decides where an illustration would help and what it should show. It then makes the illustration at the right size for that spot, checks it, and brings it to you for review. Once you approve, Kite places it on a website it hosts, or hands you the finished file for a site that runs elsewhere. Every correction you make along the way helps keep the next illustration closer to your style. ### Settle on an illustration style you can repeat A consistent illustration style comes from a written description specific enough that two different illustrations made from it look like a set. "Friendly and modern" isn't enough. A useful style names the medium, such as flat vector illustration, hand-drawn line art, isometric drawing, or soft 3D. It also names the palette, the background treatment, how much detail goes into each piece, and what kinds of subjects appear. Kite records this in your brand's design system next to your colors, typography, and logo rules. If your website already uses illustrations, Kite studies them and describes the style it sees. If you're replacing stock photos and don't have a style yet, Kite can propose one that fits your brand and make a few sample pieces in it, so you can judge the style before it goes onto real pages. You choose the direction, and that choice becomes the reference for everything after it. Your confirmed choices always outrank what Kite inferred. If Kite describes your style as "flat color with soft shadows" and you never use shadows, tell it, and it updates the design system. For the wider picture of how Kite keeps all of your images on brand, including social graphics and ad creative, see [Create on-brand marketing visuals](/use-cases/on-brand-marketing-visuals.md). ### Plan each illustration for the spot it will fill Kite decides what an illustration needs to show and where it will sit before it makes anything. Every illustration supports one idea from the surrounding copy. Kite chooses a single clear visual concept for that idea, plus at most one small detail that rewards a second look. The spot on the page shapes the illustration as much as the idea does: - A blog header is wide and carries the main idea of the post, because it's the first thing a reader sees. - A spot illustration beside a feature or a list item is small and square. It uses simple shapes and generous padding so it stays legible at small sizes. - A section background leaves open space where the headline and buttons will sit, and keeps the rest of the frame purposeful. Website illustrations come without words inside them. Headlines and labels belong in the page itself, where they stay sharp at any size, read correctly on every screen, and can be found by search engines. Here's an example. Say Kite is writing a post called "How to price a consulting retainer." It might plan a wide header showing a calendar and a stack of coins on a desk, drawn in your flat two-color style. Then it might add two spot illustrations further down: one for the section on scoping the work, and one for the section on raising your rate. ### Make the illustration from a description, an example, or a photo Kite makes new illustrations from a written brief, and it makes them match your existing ones by working from those pieces directly. When your approved illustrations exist, Kite passes them along as style references, so the new piece follows their linework, colors, and proportions instead of a description of them. Before it makes anything new, Kite also checks your site's existing images and the images it made for earlier work, in case one already fits. You can start Kite from almost anything you have: - A rough sketch on paper, which Kite can turn into a finished illustration in your style. - A photo of your office, product, or team, which Kite can redraw as an illustration. - An illustration you like from elsewhere, which Kite can use as a reference for the feel you want. - A piece of artwork you own, which Kite can cut out onto a transparent background without redrawing it. When a page needs several illustrations at once, Kite makes them together from the same style, so they share a palette, a lighting direction, and the same level of detail. ### Use illustrations to explain ideas on a software website On a software company's website, illustrations work best when they explain an idea, and the product itself should appear as it really looks. A spot illustration can show "your data stays in one place" or "your team gets an alert" in a way that's quick to grasp. A generated picture of your dashboard, though, would show screens, numbers, and buttons your product doesn't have. So on a site Kite builds, it splits the work. Kite builds product screens, charts, and workflow diagrams directly into the page code rather than generating pictures of them. It saves generated illustrations for the jobs they do well: supporting a feature section, setting the tone of a hero, or giving a blog post a memorable header. Kite also steers away from the stock motifs that make many software sites look alike, such as glowing screens floating in space, orbs and blobs, and purple-to-blue gradients, unless you ask for them. ### Review, revise, and keep the style tight Kite checks every illustration before you see it, then revises it with you until it's right. It confirms that each illustration you asked for exists, has the size and shape the spot needs, and keeps its subject fully inside the frame. If one failed, Kite tells you which one and why. When you ask for a change, Kite makes a new version and keeps the earlier one, so you can compare them or go back. When a correction says something lasting about your style, Kite records it as a proposed rule. If you say "our characters never have faces" or "keep backgrounds to our off-white," that becomes a rule once Kite's nightly review confirms it, and it shapes every illustration after. A rule can apply to your whole team, to one client, or to one kind of work, such as blog headers only. ### Put the illustrations on your pages On a website Kite builds and hosts for you, Kite places approved illustrations on the page they were made for. It can add a header to a new blog post, swap stock photos out of an older page, or illustrate a new landing page section. Kite serves smaller versions of each image to phones, so pages stay fast. Finished changes wait as unpublished changes that you can preview, and nothing goes live until you publish. If your site lives in an imported GitHub repository, Kite can add the illustrations to the code and send the change through your repository. If your site runs on another platform, Kite hands you each finished illustration as a file and a hosted link, ready to upload. ## What you get - **A written illustration style.** The medium, palette, level of detail, and subjects your illustrations use, saved in your brand's design system where Kite and your team can both refer to it. - **Illustrations made for specific spots.** Blog headers, spot illustrations for features and lists, and section backgrounds, each sized and composed for where it will sit. - **Illustrations made from what you already have.** Photos redrawn in your style, sketches turned into finished pieces, and your own artwork cut out on transparent backgrounds. - **A library that stays consistent.** New illustrations match the ones you approved, and the earlier versions stay available when Kite revises one. - **Pages that use them.** On a site Kite hosts, approved illustrations go onto your pages and posts, ready for you to publish. ## How to get started Start with the page that bothers you most. You might say, "Replace the stock photos on our features page with illustrations," or "Give our next three blog posts header illustrations." You can work with Kite in your browser or in Slack. In the Kite web app, you can upload sketches, photos, or illustrations you like for Kite to work from. If you don't have an illustration style yet, ask Kite to propose one and make a few sample pieces first. Pick the one that feels right, or tell Kite what to change. If you already have illustrations you like, point Kite to them and it will match them. Kite shows you every illustration in the conversation. Ask for changes in plain language, approve the ones you want, and Kite puts them on your pages. Kite asks before it publishes anything to your website, and you can give it more autonomy once you trust its work. ## Integrations used for marketing illustrations You don't need to connect anything to start. Image generation, image editing, and background removal all come built into Kite, so you don't need a separate account with an image tool. ### Learn your brand Kite reads your website and uses Brandfetch, one of its built-in data sources, to get your logo, colors, and fonts. Your illustration style is built on top of that research. ### Put illustrations on your site On a website Kite builds and hosts, Kite places illustrations directly with no extra connection. Connect GitHub when your site lives in a repository you want Kite to work on. ## Common questions ### Can AI turn a photo into an illustration? Yes. Give Kite a photo and it can redraw it as an illustration in your chosen style while keeping the subject and composition recognizable. This works well for team photos, office shots, and product photos that you'd like to use without the look of a snapshot. Upload the photo in the Kite web app or share it in Slack, and say what you want it to become. ### Can ChatGPT make illustrations for my website? ChatGPT can generate illustrations from a prompt, and the results can be very good. You supply the style in every prompt, keep track of which version matched, and resize and upload each image yourself. Kite does that work for you. It keeps your style on file, uses your approved illustrations as references, sizes each piece for its spot on the page, and places it on the site it hosts for you. ### Will I get vector files I can edit? Kite makes illustrations as high-resolution image files, not as editable vector files. Those files work well on websites and blogs, and Kite serves them in sizes suited to each screen. If you need vector source files for print or for a designer to edit, plan for a designer to trace or redraw the pieces you'll use that way. ### Can Kite match illustrations I already have from an illustrator? Yes. Share the illustrations you already use, and Kite records their style in your design system and uses them as references for new pieces. That lets you keep a professional illustrator's work on your most important pages and use Kite to extend the same look to blog posts and new sections. For artwork you own, Kite can also cut pieces out onto transparent backgrounds without redrawing them. ### Is there a free way to create marketing illustrations with AI? Kite has a free plan that includes usage, and image generation is built in. You can sign up, let Kite research your brand, and ask for your first illustrations without paying for a separate image tool. If you're comparing other options, such as free illustration libraries and standalone generators, see Where to get website illustrations: free libraries, AI generators, and on-brand options (coming soon).