A creative agency sells confidence before it sells work, and Henecon opens with both: a wall-sized display headline in Big Shoulders, a full-bleed hero photograph and a primary red that runs from the first pixel to the footer. Henecon is a hand-coded HTML template for design studios, branding agencies and digital collectives that also want to sell — its pricing plans go through a real cart, checkout and order confirmation, all running on localStorage with no server.

Built with clean HTML5, CSS3 and vanilla JavaScript, Henecon ships a complete site: a portfolio with six full case studies and lightbox galleries, a ten-article design blog with category filter tabs, an expanding idea rail, a scroll-driven process section, an awards list that swaps photographs as you move down it, and a brand-zoom call to action on every page — with no jQuery, no framework and no build step.

Whether you run a brand studio, a UI/UX consultancy, an illustration practice or a digital agency selling productised services, Henecon provides every page and component needed to show the work, name the price and take the order.

Designed for Creative Studios That Sell

Henecon is organised around the way a client actually decides: what have you made, how do you work, and what does it cost. The portfolio page and the home page's filterable works strip lead to six case studies, each with its own overview, challenge, approach, design solution and outcome plus a click-to-zoom gallery. The process section stacks its five cards as you scroll, the idea rail hands its open slot to whichever card you point at, and the pricing pages put a real Add to Cart under each plan.

With a palette of primary red, near-black and warm neutrals, Inter for text and Big Shoulders Display for headlines — the same cut the design was drawn with, self-hosted as woff2 — every section rises into view as you reach it and the call to action zooms the brand mark six times across the scroll.

Key Features

• Bold design in primary red, near-black and warm neutrals
• Fully responsive across all devices
• Built with HTML5, CSS3 and vanilla JavaScript
• No jQuery, no frameworks, no build step required
• 36 pages including 20 portfolio, blog and plan pages
• Working cart, checkout and order confirmation on localStorage
• Two pricing plans sold as products with quantity control
• Six project case studies with click-to-zoom lightbox galleries
• Ten full-length blog articles, each with its own body
• Category filter tabs on the blog and the works strip
• Scroll-driven process rail that stacks its five cards
• Brand-zoom call to action scrubbed by the scroll on every page
• Expanding idea rail that hands its open slot to your pointer
• Awards list that swaps its photograph as you move down it
• Team rail that rolls sideways as the page scrolls
• Pointer-drift photographs on the about page hero
• Button labels that roll to their duplicate on hover
• CTA marquee pair crawling seamlessly across the page
• 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
• UI/UX and digital product consultancies
• Marketing and creative agencies
• Illustration and visual design practices
• Studios selling productised design plans
• Independent designers and small collectives
• Web design shops with fixed-price offers
• Any practice that shows work and names a price

Performance & User Experience

Henecon 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 cart and both forms 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 Henecon?

Henecon gives a creative business the three things its site has to do — 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.