Captura — Tailwind CSS Product Photography Template (HTML)

About This Item

A commercial photographer who sells by the finished image needs more than a gallery. Captura is a Tailwind CSS product photography template for exactly that work: packshots, styled still life, lifestyle and campaign visuals. This edition uses Tailwind CSS 4 and keeps the design and pages of the original release.

The look is colour-led. Bold DM Sans titles sit on white tiles, and the backgrounds borrow the painted set papers of a real studio: terracotta, petrol, sage, sky, peach and blush. Products stay in front of everything else.

Three Home Pages for Studio, Still Life and E-Commerce

• The Studio: a full-bleed colour-field slider, latest projects, a Usage Meter that follows one campaign image from phone feed to magazine page to billboard, the four shoot types, a quick quote, packages and client voices.
• Still Life & Campaigns: a split slider, brand name plates, a Retouch Before / After wipe, a featured campaign with credits, the six steps of a shoot, the team and the journal.
• E-Commerce: packshots on painted papers, a marketplace spec bar, a catalogue calculator by the SKU and a Six Colourways grid.

Quote Builder, Packages and Booking Pages

Pricing is the core of this Tailwind CSS product photography template. Four shoot types are priced by the final image, and the quote then adds colourways, set builds, a usage licence by term and territory, and four retouching levels. Rush delivery, a location day with travel and crew, VAT and the deposit follow.

• Quote Builder: a live summary that you keep in the client area or book straight away, with the rate card beside it.
• Packages: four ready-made shoots, and Start With This opens the builder with that package’s settings.
• Usage & Licensing: three tiers, a licence grid by term and a calculator for extending a licence on images already shot.
• Book A Shoot: six steps, from studio or location to a free day on the live calendar, then review. Continue never blocks, and only Send checks the form.

Projects and Brands Portfolio

The portfolio holds 15 projects for 14 brands. Projects has shoot-type tabs, brand, industry and year filters, search and a count. Three project layouts fit different work: a campaign with big frames and credits, a packshot series with its SKU sheet, and a lifestyle slider with location days. Brands lists every client from A to Z, and each brand page shows its projects.

Tailwind CSS Product Photography Template: Inner Pages

Captura ships with 31 pages in total. Beyond the homes and the pages above, the list below covers the rest.

• Image Library with a lightbox, What We Shoot and Service Details
• How A Shoot Runs, About The Studio and Studio & Locations
• The Team, Team Profile, Journal and Journal Details
• FAQ with search and Contact with a working form and map
• Client Area, Login, Register, Forgot Password, Coming Soon and 404

What You Edit First With Tailwind CSS 4

Because only the classes the pages use reach the compiled CSS, unused styles do not ship, and this Tailwind CSS product photography template stays lean. Colors, fonts and spacing live in the Tailwind theme, so a buyer would change the set-paper palette there first, and every project, quote and booking page follows. The light and dark themes use CSS-variable design tokens, so the same edit covers both.

Next, most buyers replace the rate data, since rates per image, usage tiers and packages come from one data block. After that, they swap brand names and project images.

What Ships in the Download

The finished pages open as they are. The Tailwind source is included, so you can edit and rebuild the styles. Documentation is included too. Neutral placeholders replace the preview images, so you add your own photography.

The template also has a dark theme on one switch, right-to-left support with a flag language picker, and a currency switch for euros, pounds and dollars. Swiper sliders, Fancybox lightboxes and WebGL colour planes handle the motion, and prefers-reduced-motion is respected. Icons come from Font Awesome Free loaded locally plus line icons, and the fonts are DM Sans and Roboto.