A studio is judged on the work it shows and the way it shows it. Obliq Studio is a hand-coded HTML template for creative agencies, design studios, brand consultancies and independent designers who need a portfolio that carries weight, a journal that gets read, and a way to take the first payment without leaving the site.

Built with clean HTML5, CSS3 and vanilla JavaScript, Obliq Studio pairs a near-black canvas and a soft periwinkle accent with a complete site: an eight-project portfolio with full case-study pages, five service pages, a nine-article journal, a careers section with six role pages and a filtered listing, two plans with a working cart and a three-page checkout — all running in the browser with no jQuery, no framework and no build step.

Whether you run a branding studio, a product design practice, a motion or illustration agency, or you are a designer building a personal practice, Obliq Studio provides every page and component needed to show the work, explain the process and start the conversation.

Designed for Creative Studios

Obliq Studio is organised around the way clients actually assess a studio: what have you made, how do you work, who is behind it and what does it cost. The template includes purpose-built sections for a scroll-linked project rail whose titles walk as you read, a three-panel metrics sequence that swaps through a blur, a scroll-driven review carousel, five scrolling marquees, two slot-machine counters, a five-step process list that lights one band at a time, a careers filter, an FAQ accordion, a monthly/project price toggle and three background films with working play/pause controls.

With Inter Display set against DM Mono, a near-black canvas, periwinkle and mint accents, and ten scroll-linked sections applied with restraint, every page keeps attention on the work rather than on the interface.

Key Features

Dark design in near-black, periwinkle and mint
Fully responsive across all devices
Built with HTML5, CSS3 and vanilla JavaScript
No jQuery, no frameworks, no build step required
Eight-project portfolio with full case-study pages
Scroll-linked project rail whose titles walk as you scroll
Three-panel metrics sequence that swaps through a blur
Five service pages with their own detail layout
Nine full-length journal articles, each with its own body
Careers section with six roles and a filtered listing
Two plans, a slide-out cart and a three-page checkout
Three background films with working play and pause
Five scrolling marquees at five different speeds
Two slot-machine counters for headline statistics
Scroll-driven review carousel with three quotations
A film on the about page that follows the pointer
FAQ accordion and keyboard-navigable tab sets
Contact page with a six-field enquiry form
Style guide, licences, changelog, 401 and 404 pages
Self-hosted web fonts, no third-party requests
One stylesheet and one script, easy to maintain
SEO-friendly, semantic code with a single H1 per page
Accessible markup with real buttons, skip link and landmarks
Full reduced-motion support
Cross-browser compatibility
Clean, organized and easy-to-edit code
Simple customization through CSS variables

Included Pages

Home
About
Work
Work Details
Service Details
Blog
Blog Details
Career
Career Details
Pricing
Plan Category
Plan Details
Contact
Checkout
PayPal Checkout
Order Confirmation
Style Guide
Licenses
Changelog
Password Protected
404 Not Found

Ideal For

Branding and identity studios
Digital product and UX design agencies
Motion, illustration and animation studios
Independent designers and freelance practices
Creative and marketing agencies
Web design and development shops
Photography and art direction studios
Architecture and interior practices
Design consultancies pitching for retained work
Any studio with a portfolio worth showing

Performance & User Experience

Obliq Studio 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, so a case study paints as soon as its HTML arrives. The three background films are held back until a visitor scrolls to them, both typefaces are subset and served as woff2 from the template itself, and images are delivered in modern formats at the sizes the layout actually asks for.

Every interaction is a real control. The navigation, the tab sets, the accordion, the video controls, the cart and the checkout are all 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: nothing is hidden behind a script that has to run first.

Why Choose Obliq Studio?

Obliq Studio gives a creative practice the two things its site has to do well — make the work speak, and make the next step obvious — 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.