Most studio sites whisper in the same grey sans. Pexora shouts in pixels: a blocky arcade display face over pixel-art landscapes, lilac, lime and yellow cards dealt across a near-black page, and headlines that flip character by character as you scroll to them. Pexora is a hand-coded HTML template for design studios, creative collectives and independent makers who want a site with a personality — and who also want to sell, because its service packages go through a real cart, checkout and order confirmation running on localStorage with no server.

Built with clean HTML5, CSS3 and vanilla JavaScript, Pexora ships a complete site: a portfolio with three full case studies, a six-article blog with category filter tabs, a sticky service rail that swaps its photograph as the copy scrolls past, a sticky step rail, a project slider, an autoplaying testimonial carousel and a mega Pages dropdown — with no jQuery, no framework and no build step.

Whether you run a branding studio, a small product team, an illustration practice or a one-person design business, Pexora provides every page and component needed to show the work, name the price and take the order.

Designed for Studios With Something to Say

Pexora is organised around the way a client actually decides: what have you made, how do you work, and what does it cost. The project page and the home page's slider lead to case studies with their own overview, brief, approach and outcome. The service page stacks its steps as you scroll. The pricing pages put a real Add to Cart under each package, and the plan detail pages list exactly what is included.

With a palette of near-black, bright lilac, lime and warm yellow, Jersey 10 for display, Figtree for text and EB Garamond for the accent style — all three self-hosted as woff2 — every section rises into view as you reach it and every section title turns over one character at a time.

Key Features

• Pixel-art design in lilac, lime, yellow and near-black
• Fully responsive across all devices
• Built with HTML5, CSS3 and vanilla JavaScript
• No jQuery, no frameworks, no build step required
• 31 pages including 13 project, blog and plan pages
• Working cart, checkout and order confirmation on localStorage
• Three service packages sold as products with quantity control
• Three project case studies, each with its own written body
• Six full-length blog articles, each with its own body
• Category filter tabs across the blog archive
• Section titles that flip character by character on reveal
• Sticky service rail that swaps its photograph as you scroll
• Sticky step rail that slides its cards through a fixed window
• Scroll-driven card sequence on the about page
• Project slider with keyboard-reachable arrow controls
• Autoplaying testimonial carousel with dot navigation
• Button labels that roll to their duplicate on hover
• Team cards that open their caption as you point at them
• FAQ accordion and a mega Pages dropdown in the navbar
• Contact page with a labelled enquiry form
• Password-protected, 404, style guide, licence and changelog pages
• Self-hosted web fonts, no third-party requests
• Every animation stops under reduced-motion settings

Perfect For

• Brand and identity design studios
• Illustration and pixel art practices
• Creative collectives and small agencies
• Independent designers selling fixed packages
• UI and product design consultancies
• Web design shops with published pricing
• Portfolio sites that need a shop attached
• Any studio that shows work and names a price

Performance & User Experience

Pexora ships as one stylesheet, one script and its own fonts. There is no runtime to boot, no framework to parse and no third-party request on any page. Images are served in modern formats at the sizes the layout asks for, every scroll-linked effect is CSS driven by a single custom property, and the cart is a few kilobytes of readable JavaScript a developer can wire to any backend.

Every interaction is a real control. The navigation, the tabs, the accordion, the sliders, the cart and every form are buttons a keyboard can reach and a screen reader can name, each page has a skip link and exactly one H1, and every animation stops when the visitor's system asks for less motion. With JavaScript switched off the whole site still reads.

Why Choose Pexora?

Pexora gives a creative business a site that looks like nobody else's and still does the three things it has to — make the work look worth commissioning, name the price plainly, and take the order — in code clean enough to hand to any developer, with no framework to learn, no build to run and nothing to keep up to date.