Photography Portfolio Website Template – Tenebra HTML5

About This Item

Tenebra is a photography portfolio website template: a dark, painterly HTML5 template for a fine art photographer of portraits and still lifes who sells her work as limited-edition prints. Charcoal walls, coral hairlines and a white museum mat, with Old Standard TT capitals and Open Sans, set the studio. Underneath, it runs real print and sitting logic: every print in three sizes, each size its own numbered edition with the numbers left, the next number and a price that steps up as the edition sells. A configurator for paper, frame and mat with a live framed preview. The edition register of every work.

Portrait sittings booked only in daylight, from the season’s sunset, a proofing gallery. The exhibitions on now, next and past from the visitor’s date. A display check that works out how long a print will last on a wall. And a print shop with a bag, coupon, shipping by tube or crate and tax. It ships with a dark and a light theme. It also has right-to-left support and WebGL layers – fine craquelure spreading across the dark bands like an old varnish, and a linen cloth simulated in the footer, settling over a still life you never see.

Three Home Pages

• Home 01 – The Studio: a hero slider of works, portraits and still lifes and four tall works. Then come the series side by side, the Still Life Composes Itself – the linen, the jug, the pewter plate, two pears and a knife are set down on a walnut table one by one as you scroll, the window warming as it fills – five steps of a sitting and collectors’ words. Finally, the page ends with the studio, a mosaic of eight works, sittings, the exhibition on now and the journal.
• Home 02 – The Editions: prints in small editions with the numbers left on each, the price ladder, the Edition Ledger – the register page of one edition strikes its sold numbers through in coral ink one after another and rings the next number – papers printed by hand and collectors’ walls. Then comes the exhibition and print care.
• Home 03 – The Gallery: a side menu beside a split hero, portraits and still lifes. Then comes the work by series with a preview that follows the pointer. Next comes the Frame & Mat Swap – one print on a lit wall changes its frame and mat option by option as you scroll, the price of each beside it – exhibitions now and next. Finally, the page ends with a sitting by window light and collectors’ words.

Print, Sitting & Shop Pages

• Print Details: size, paper, frame and mat with the framed preview, the price line by line, the next number, the numbers left, the rung of the ladder and the edition register for the chosen size. Kozo paper is not made in the largest size, a mat needs a frame and a sold-out size cannot be chosen. Add To Bag holds the number.
• Edition Register: every editioned work, size by size, with the sold, on hold and left counts and the next number.
• Print Shop: series, subject, size and price filters, sort by price, newest or fewest left, search, quick add of the first size with numbers left, bag, coupon, free-shipping meter, checkout with insured, express or studio collection and an order number, and a wishlist.
• Portrait Sittings & Book A Sitting: four kinds of sitting, the light by season, and a four-step booking – kind, a day a week ahead and a slot that ends an hour before that day’s sunset, backdrop and extras, details – with the total. It also has the deposit and the balance after the proofs. Continue never blocks; only the last step checks the details.
• Proofing Gallery: the sitter’s proofs to tick, the prints the sitting includes and the price of each extra pick.
• Series & Exhibitions: the six series and the exhibitions sorted into on now, coming next and past from the date, with an exhibition page and a map.
• Print Care: how to hang, light and keep a print. It also has a display check that works out the years before visible fading from the room, the hours of light and the glazing.

Photography Portfolio Website Template: Inner Pages

Tenebra includes Portfolio, Gallery Wall, three Work Details layouts, Series & Exhibitions and Exhibition Details. It also has Portrait Sittings, Book A Sitting, Proofing Gallery, Print Shop and Print Details. Then come Edition Register, Print Care, Cart, Checkout, Wishlist, About and Studio Team. There are also Team Profile, Journal, Journal Details and FAQ with search. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-three pages in total.

Photography Portfolio Website Template Features

• 33 HTML pages, 3 unique home page designs with three header styles (over the hero, a charcoal bar, a side menu)
• A dark theme by default and a light theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: craquelure spreading across the dark bands and a simulated linen cloth in the footer
• Real edition logic from one data block: editions by size, numbers sold and on hold and the next number. It also has the price ladder, papers, frames and mats, sittings by sunset, proofing, exhibitions by date, the display check and shop totals.
• A Window Light preloader, Side Light reveals that bring photographs out of the dark, a museum mat with its bevel drawing in on hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This photography portfolio website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Tenebra also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Photography HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Old Standard TT, Open Sans).