Your Studio - Creative Agency HTML Template

YOUR STUDIO is a premium creative agency HTML template designed for digital agencies, creative studios, web designers, developers, freelancers and modern businesses.

The template combines an editorial-inspired visual system with modern technology, smooth animations and responsive layouts. It is built with clean HTML5, CSS3 and Vanilla JavaScript, making it easy to understand, customize and extend without requiring a frontend framework.

YOUR STUDIO includes three carefully designed visual themes: Dark, Warm Sand, and Tech. Each theme provides a distinct visual direction while maintaining the same underlying structure and user experience.

The template features animated hero section, global presence section, featured project presentation, capabilities, team, founder section, process workflow, contact section, footer, and a Start a Project modal.

It also includes GSAP and ScrollTrigger animations, Lenis smooth scrolling, Three.js WebGL visuals, responsive navigation, theme switching, accessibility considerations, reduced-motion support and responsive layouts for desktop, tablet and mobile devices.

The included documentation explains the project structure, customization options, libraries, themes, contact form configuration and basic setup requirements.

YOUR STUDIO is suitable for agencies, creative studios, web designers and developers looking for a polished, modern and highly customizable website foundation.

Features

• Premium creative agency design
• 3 visual themes: Dark, Warm Sand and Tech
• Responsive desktop, tablet and mobile layouts
• HTML5, CSS3 and Vanilla JavaScript
• GSAP 3.12.5 animations
• GSAP ScrollTrigger interactions
• Lenis smooth scrolling
• Three.js WebGL hero visual
• Animated project and capabilities sections
• Team and founder sections
• Global presence section
• Process / workflow section
• Start a Project modal
• Responsive navigation
• Theme switching with saved preference
• Accessibility and reduced-motion support
• SEO-friendly HTML structure
• Clean and editable source code
• Easy customization
• No React or frontend framework required

Requirements

• Modern web browser
• Basic HTML, CSS and JavaScript knowledge recommended for customization
• A local HTTP server is recommended for development
• Internet connection may be required for CDN-hosted libraries and Google Fonts
• Web3Forms account/access key required to activate the contact form
• No PHP, Node.js or database required

Instructions

Getting Started

1. Download and extract the main ZIP package.
2. Open the site folder and locate index.html, style.css and script.js.
3. Run the website using a local HTTP server for the best development experience.
4. Open index.html in a modern web browser to preview the template.

Customization

1. Replace the placeholder brand name and content in index.html.
2. Update colors, typography and layout styles in style.css.
3. Customize interactions and theme behavior in script.js.
4. Replace the included team images with your own images if required.
5. Update project, services, team, founder and contact content for your website.

###strong/strong###

YOUR STUDIO includes three visual themes: Dark, Warm Sand and Tech. Use the theme switcher in the header to preview the different visual styles.

Contact Form

The contact form uses Web3Forms. Replace the placeholder access key with your own Web3Forms access key to activate form submissions.

Documentation

For detailed information about the project structure, libraries, customization, themes, browser support and third-party credits, please refer to the included README.md file.