Waida Studio
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.