Marketing Agency One Page Template is a free, responsive one-page website template for marketing agencies, designed and coded by Maxim Orlov and built with Pug, Sass, and a Gulp-based build system. It is currently archived in the website-templates GitHub organization and is derived from the Portfolio one-page template.
What is the Marketing Agency One Page Template?
The template is a flat and responsive one-page website starter that produces a static HTML site from Pug templates and Sass stylesheets. It takes development source files in the dev/ folder and outputs a minified production-ready site into build/ via Gulp tasks. It runs on Node.js and requires npm and Gulp installed globally. The template is released under the MIT license.
Key Features
- Pug templating — Pages, layouts, blocks, and helper mixins are organized under
dev/pug/, with reusable blocks indev/pug/blocks/. - Sass styling — Styles are written in Sass with a block-based architecture under
dev/sass/, includingcustom.sass,noscript.sass, andscreen.sassentry files. - Gulp task runner — Provides
gulp dev,gulp build,gulp rebuild,gulp cleanup,gulp server, andgulp spritetasks for development, production builds, and project reset. - Live reload — BrowserSync serves the site with live reload during development and watches for file changes.
- Production optimization — The build task minifies images, JavaScript, stylesheets, and HTML and combines media queries in CSS.
- External data configuration — General settings live in
dev/data/config.jsonand are exposed to Pug templates so you can edit content without touching template code. - EditorConfig support — An
.editorconfigfile defines indent style and whitespace rules for consistent editing across tools.
Who is it for?
The template targets web developers and front-end designers who are comfortable with Pug, Sass, and Gulp and need a fast starting point for a marketing agency one-page website. It is also useful for freelancers who want a clean, responsive single-page layout to present their own services and portfolio. Teams that already use a Gulp-based workflow can adapt this template as a reusable boilerplate.
What can you do with it?
- Marketing agencies: Put up a one-page presence with a responsive layout that compiles to static HTML and CSS, ready for deployment.
- Front-end developers: Use the preconfigured Gulp pipeline to compile, prefix, minify, and live-reload a static site during iteration.
- Template maintainers: Fork the repository and reuse the Pug/Sass block architecture to build variants of the one-page design.
How does the template work?
The workflow starts by installing dependencies with npm install, optionally editing dev/data/config.json, then running gulp dev to launch BrowserSync with live reload. When the site is ready, gulp build creates a minified build/ folder containing index.html, page.html, and static assets under static/. The gulp cleanup task removes placeholder gitkeep files from work directories.
FAQ
Is the Marketing Agency One Page Template free?
Yes, it is free and licensed under the MIT license, so you can use it for commercial and personal projects, modify it, and redistribute it.
What technologies does it use?
The template uses Pug for HTML templating, Sass for CSS preprocessing, Gulp as the task runner, and BrowserSync for local server and live reload. It runs on Node.js.
How do I start developing with it?
Install Node.js, then run npm install to fetch dependencies. With Gulp installed globally, execute gulp dev to start the development server with live reload. Edit files in dev/ and watch them rebuild automatically.
Does it include a build task for production?
Yes, gulp build minifies all HTML, CSS, JavaScript, and images, and copies the output to the build/ directory. The gulp rebuild task runs the entire build from scratch.
What file structure does it use?
The dev/ folder holds source files for Pug templates, Sass styles, JavaScript, fonts, and data configs. The build/ folder holds the compiled production site with static assets. Gulp tasks and their configuration are in gulp_tasks/.
