Website image collections, deployed in a sentence
Eighty-three original images in six ready-made collections — already hosted, already alt-texted, already sized, and included with your Claude CMS licence at no extra cost. You don’t download anything. You copy one line, paste it to Claude, and the images land in your own site with the gallery markup written around them.
Every image here was generated for us, not licensed from a stock library — so there are no model releases, no attribution requirements and no per-seat fees. Use them commercially on any site your licence covers.
Three steps, one sentence
No downloading, no re-uploading, no image editor. Claude does the file handling — you only choose.
Pick what you want
A whole collection, one theme inside it, or a single frame. Every level on this page has a copy button next to it — collection, filtered group, individual image.
Paste the line to Claude
In the same conversation where you build your site. Add anything you like on the end: “…as the homepage hero”, “…in a three-column grid on /about”, “…but only six of them”.
Claude does the rest
It copies the files into your own /uploads/ folder, writes the grid markup, carries the alt text across, sets loading="lazy" and the real width and height, then deploys the page live.
Choose a collection
Every image below is the real file at its real URL. Hover or tap to open it full size; the copy buttons on each tile give you either the raw URL or the sentence that puts it into your site.
Photography
10 images · portraitEditorial portrait photography — natural window light, linen and plaster tones, quiet studio interiors. Built for photographers, therapists, studios, consultancies and any page that wants a person on it without looking like a stock catalogue.
Use the Photography image collection from claudecms.com/image-collections on my site
Data
19 images · 16:9Location intelligence and data visualisation — aerial cities, wireframe dissolves, heat-map trails and candid analysts. Built for analytics products, retail and property tech, consultancies and any page that needs to look like it knows where the numbers come from.
Use the Data image collection from claudecms.com/image-collections on my site
Filter the set below and the line above rewrites itself — ask for just the wireframes, just the people, or just the split-screens.
Ceramics
12 images · productHand-thrown stoneware in warm neutrals — oatmeal, chalk and pale clay on linen and raw plaster. Built for homeware and craft shops, and for any product grid that needs six objects to look like one catalogue.
Use the Ceramics image collection from claudecms.com/image-collections on my site
Rugged
12 images · tradeWorkshop and trade materials — steel, concrete, sawn timber and one saturated paint accent under hard raking daylight. Built for roofers, merchants, coatings, racking and anyone whose customers work with their hands.
Use the Rugged image collection from claudecms.com/image-collections on my site
Coffee
12 images · hospitalityAn independent coffee bar in the morning — brass, steam, worn oak and espresso brown. Place and ritual rather than packaged product, so nothing carries a label. Built for cafes, roasteries, delis and food pages.
Use the Coffee image collection from claudecms.com/image-collections on my site
Apparel
18 images · product + cut-outsStill-life clothing with no model — folded knitwear, hung coats, leather and denim in ecru, charcoal and tan. Includes six isolated cut-outs on pure white for product grids, alongside the styled frames.
Use the Apparel image collection from claudecms.com/image-collections on my site
Longer lines that do more
The one-liner works. These do more in a single go — each one is a complete instruction you can paste as it stands, then edit the bracketed bits.
Deploy a collection as a full gallery page
Use the Photography image collection from claudecms.com/image-collections. Copy the files into my site, then build a gallery page at /gallery with a three-column CSS Grid, lazy loading, the supplied alt text on every image, and a lightbox on click. One column on mobile, two on tablet.
Use one image as a hero background
Use https://claudecms.com/uploads/collections/data/british-isles-orbit.jpg as the homepage hero background. Copy it into my uploads folder, cover-fit it, and put a dark gradient scrim over it so the white headline stays readable. Keep the hero under 60vh on mobile.
Spread a collection across an existing site
Use the Data image collection from claudecms.com/image-collections across my site. Put the wireframe images behind the [features] section at low opacity, one candid portrait on the [about] page, and the split-screen comparison frames in the [case studies] cards. Copy every file into my own uploads folder first — don’t hotlink.
Swap the images already on your site
Replace the placeholder images on [/page] with images from the Photography collection at claudecms.com/image-collections. Match each one to the surrounding copy, keep my current layout and image sizes exactly as they are, and update the alt text to describe the new images.
Stock images for your website, without the stock library
The usual route to images for a website is a stock site: search, filter, sign up, pick a plan, download a zip, resize, upload, write alt text, wire up the markup. These collections skip every step of that.
Nothing to download
The files are already on a live server. Claude fetches them straight into your own uploads folder — they never touch your desktop.
Alt text comes with them
Every image on this page ships with a written description. Claude carries it into your markup, so your gallery is accessible and indexable on day one.
Web-ready sizes
Portraits at 960×1200, data frames at 1456×816, WebP where it helps. No 12MB camera originals to compress before your page will load.
They hang together
Each collection was shot as a set — one light, one palette, one mood. Mixing three stock photographers on one page is what makes a site look assembled.
What’s actually in each collection
The Photography collection is ten editorial portrait frames: north-window light, a sheer-curtain diffusion, a chiaroscuro turn, a close crop, a seated full-length, a linen backdrop and a cleared studio table. Nine are portrait format at 960×1200; one is a wide 1280×717 room frame for hero use. It suits photographers, therapists, coaches, small studios and any about-page that needs a human being on it.
The Data collectionCeramics collection 12Rugged collection 12Coffee collection 12Apparel collection 18 is nineteen 16:9 frames built around location intelligence: aerial cities at night with lines converging, catchment rings over a dusk town, rooftops shaded by segment, the British Isles from orbit, heat-map trails on a high street, four photo-to-wireframe dissolves, three split-screen city comparisons and six candid frames of people actually doing the work. It suits analytics and mapping products, retail and property tech, consultancies and B2B case-study pages.
Where the images end up
Claude copies them into your own hosting. That matters: hotlinked images break when the source moves, and they count against somebody else’s bandwidth. Ask for a collection and the files are written into your site’s uploads folder, referenced by your own domain, and backed up with the rest of your site. If you later want them gone, ask Claude to remove them and the markup goes with them.
Using them alongside your own photography
Most sites end up mixed — real product shots, real team photos, and a set like these filling the gaps around them. Tell Claude which is which. “Use my own photos on the products page and the Photography collection everywhere else” is a perfectly good instruction, and it will keep the two apart.
Images are one piece
The designs to put them in, the gallery code to arrange them, and the banners to open with — all deployable the same way, from a sentence.
Landing page designs
Thirty-four complete landing pages, live and interactive. Pick one, say the word, and Claude builds you your own version of it.
Browse the designs →Gallery building blocks
Masonry grids, filterable portfolios and a full-screen lightbox — the code patterns that arrange these images once they land.
View gallery patterns →Hero banners
Twenty-two hero treatments: split screens, aurora gradients, particle fields and an orbital Earth at night.
Browse hero banners →Copy a line. Get the images.
Claude builds, hosts and updates your site from a conversation — images included — from £6.99 a month.