Minux Creative Studio Template

A creative studio sells taste before it sells a service. Clients judge the studio's own website the way they will judge their future brand, so it has to feel crafted, confident and unmistakably designed. Minux opens with exactly that — a monochrome "Building Identity Beyond" hero set in Poppins with a flowing script accent, running ruler marks along every frame, and a service carousel that turns the studio's offer into something you can flick through.

Minux is a hand-coded HTML template built with clean HTML5, CSS3 and vanilla JavaScript. Every interaction — the rolling button labels, the running marquees, the service carousel, a cross-fading team slider, three tab sets, the FAQ accordion, counters that count up and award cards that shrink as you scroll — is written in plain JavaScript and CSS, with no jQuery, no framework, no animation library and no build step.

It suits branding agencies, design studios, creative directors and digital product teams who want a complete, ready-to-launch site with services, case studies, a journal and pricing already in place.

Designed for Creative Studios

Minux is organised around the way a studio wins work: show the craft, explain the process, prove the results. Four service pages set out what each discipline includes and delivers, seven case studies walk through the challenge, the solution and two headline results, a three-step process moves from discovery to execution, and the pricing section compares three engagement models side by side. Twelve full journal articles cover brand direction, identity, web design and the creative process.

The look is dark, monochrome and precise: black canvases framed in soft rounded panels, a single grey scale from charcoal to white, Poppins headlines with a Mea Culpa script accent, and B612 Mono for labels and buttons. Motion is calm and continuous — tick-mark rulers run along every frame, dotted rings turn slowly behind the hero, the showreel breathes, client logos drift past, and page titles rise in letter by letter.

Key Features

• Dark monochrome design with a script accent
• Fully responsive across desktop, tablet and mobile
• Built with HTML5, CSS3 and vanilla JavaScript
• No jQuery, no frameworks, no animation library, no build step
• 36 pages including 23 service, case study and article pages
• Four service pages with what is included and delivered
• Seven case studies with challenges, solutions and results
• Twelve full-length journal articles
• Service carousel that moves four cards at once
• Cross-fading team slider with arrows and swipe
• Accessible tabs for pricing plans, testimonials and blog categories
• FAQ accordion built on real buttons
• Running ruler marquees drawn in pure CSS
• Counters that count up as they come into view
• Scroll-linked award cards that stack and shrink
• Page titles that rise in one letter at a time
• Button hovers that roll their labels
• Scroll reveals you can add with one data attribute
• Optional smooth wheel scrolling, one line to remove
• Mobile menu with an animated hamburger
• Contact and password forms ready to connect
• Style guide, instructions, licence, changelog, 401 and 404 pages
• Self-hosted Google fonts, no third-party requests at runtime
• Respects reduced-motion settings

Included Pages

• Home
• About
• Services
• Service Details
• Work
• Work Details
• Pricing
• Blog
• Blog Details
• Contact
• Style Guide
• Instructions
• Licenses
• Changelog
• 401 Password Protected
• 404 Not Found

Ideal For

• Creative studios
• Branding agencies
• Design agencies
• Creative directors
• Web design studios
• Motion and 3D studios
• Digital product teams
• Freelance designers and small collectives

Performance & User Experience

Minux loads nothing it does not need: one stylesheet, one script and four self-hosted font families, with no runtime calls to Google or any other service. Images use modern AVIF files and responsive srcsets, the running rulers are drawn by CSS instead of thousands of elements, and every animation runs on CSS or the browser's own animation engine rather than a library.

Every control is a real button or link that works from the keyboard, every page has one clear heading outline and a skip link, and visitors who ask their device for reduced motion see every element in its final place with the loops and smooth scrolling switched off.

Why Choose Minux?

Minux gives creative studios a complete, confident site that lets the work speak first — services, case studies, a process, pricing and a journal already written in the right voice, with calm motion throughout — delivered as clean, readable HTML, CSS and JavaScript that any developer can edit and any static host can serve.