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.