Photo Studio Website Template – Cyclora HTML5

About This Item

Cyclora is a photo studio website template: a clean, white HTML5 template for a photo studio complex that hires its rooms by the hour and its kit by the day: white cycloramas, a daylight loft, a black box and a tabletop bay, a gear room of camera bodies, lenses, lights, modifiers and grip, and a crew on call. Ink, white and one studio blue with tracked Poppins capitals and IBM Plex Mono figures keep it as plain as a freshly painted cove. Underneath, it runs real studio and hire logic: live availability from the visitor’s own clock and a day planner that refuses booked hours.

It also has the cheapest mix of hours, half days and days with overtime and a Sunday surcharge, gear by the day with a weekend rule and a weekly cap, crew by the half or full day. Finally, it has a six-step booking and a hire bag with a damage waiver, a coupon, VAT and a refundable deposit. It ships with a light and a dark theme and right-to-left support. It also has a currency switch and WebGL layers – a paper backdrop slowly changing colour and a camera lens in an RGB chromatic split in the footer.

Three Home Pages

• Home 01 – The Studios: a hero slider over the studios with the live strip of who is free now, everything under one roof, The Cyc Turns – Studio One’s white cove turns to face you as you scroll and the lights roll in from the wall into the set-up – the five studios on a rail. Then come Made Here, the rates by the hour, the crew on call, a walk round the cove, reviews, the journal and the paper colours.
• Home 02 – The Gear Room: a search hero with the pick-up hours and the deposit rule and the gear categories. Then come the gear shelf priced for the days you choose, Key and Fill. Finally, the page ends with Rim – a lighting plan from above beside the portrait it lights, the three lights switching on in turn – ready kits with their saving and how gear hire works.
• Home 03 – Book A Day: a black hero with every studio’s status now and today’s board of every studio hour by hour with the line where the day is. Then comes 24 To 200 mm – one camera, one scene, the lens zooming from wide to long with the scroll while the lenses on the shelf that cover it light up – the studio estimate. Finally, the page ends with the crew and a call to hold your date.

Studio, Gear & Booking Pages

• Our Studios: five studios with type tabs, must-haves (drive-in, daylight, three-phase, kitchen), floor area and a free-now-first sort. It also has the facilities and the spec sheet side by side.
• Studio One & The Daylight Loft: two studio pages with the gallery, the specs, the floor plan and a day planner from live availability that prices the hours you pick.
• Rates & Packages: every studio’s hour, half day and day. It also has the estimate that picks the cheapest way to book, the gear room’s day factor, cover and deposit. Finally, it has the extras and the crew rates.
• Book A Studio: a six-step wizard – studio, day and hours from live availability, gear, crew and extras, details, summary – with a live total. Continue never blocks; only Confirm checks the details.
• The Gear Room: categories, a day-rate filter, search, sort and prices for the hire days. A gear page with its hire dates, what is in the case and the weekend rule.
• Hire Bag & Checkout: the hire period, gear, studios, crew and paper in one bag, the damage waiver or your own insurance, a coupon, the deposit and VAT. Checkout with collection or courier and an order number, saved kit.
• Crew & Services: assistants, a digital technician, a gaffer, hair and make-up and a stylist by the half day or the day. Studio services, set build and props, how hire works.
• Made Here: the shoots made in the studios with tabs, search and a lightbox. It also has two shoot stories with their lighting and kit lists.

Photo Studio Website Template: Inner Pages

Cyclora includes Our Studios, Studio One, The Daylight Loft and Rates & Packages. It also has Book A Studio, Gear Room, Gear Details, Hire Bag and Checkout. Then come Saved Kit, Crew, Crew Profile, Studio Services and Service Details. There are also How Hire Works, Made Here, Shoot Story and Shoot Story 02. It also has About Us, Journal, Journal Details and FAQ with search. Then come Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty-two pages in total.

Photo Studio Website Template Features

• 32 HTML pages, 3 unique home page designs
• A light theme by default and a dark 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)
• A currency switch (pounds, dollars, euros) that repaints every price on the page
• WebGL layers tinted by the theme colours: the Seamless Sweep, a paper backdrop drifting between colours, and a camera lens split into its red, green and blue in the footer. Three.js studio scenes for two of the scroll moments.
• Real studio and hire logic from one data block: live availability, the day planner, the cheapest rate mix, Sunday and overtime. It also has the gear day factor and weekend rule, crew rates. Finally, it has the booking wizard and the bag totals with waiver, coupon, deposit and VAT.
• A Strobe Pop preloader, Aperture reveals that open photos through a six-blade iris, soft-rise copy, a flash-pop 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 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 photo studio website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Cyclora 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, three.js and Fancybox 3.5. It also uses Font Awesome Free, RTLCSS and Google Fonts (Poppins, IBM Plex Mono).