01 · Module
Creative agency header
Dark studio header with a bold wordmark, Work, Services and Studio links, and a pink Start a project button that stays on the first row on phones.
Website kit · Creative & digital agencies
Creative agency website kit
Six dark-theme Elementor pages for a small design and web studio: header, home, services with prices, case studies, project brief form and footer.
What is in the kit
02 · Page
Creative agency home page
Dark agency home page with a statement hero, four project cards, services, a studio intro, process steps, a client quote, studio numbers and a brief CTA.
03 · Page
Creative agency services page
Agency services page with four service lines, each with an included-items checklist, a typical timeline and a starting price, plus three engagement models.
04 · Page
Creative agency work and case study page
Agency work page with a four-project grid, an archive list and one full case study: facts, challenge, approach, outcome, deliverables, results and a quote.
05 · Page
Creative agency project brief page
Project brief page with a form for project type, budget range, launch timing and links, a what-happens-next list, the studio address and a six-question FAQ.
06 · Module
Creative agency footer
Dark agency footer with a large closing line and Start a project button, studio address, contact details, page links and a small-print row.
About this kit
A studio website is judged twice: as a sales page and as a sample of the work. A prospective client wants to see projects close to their own, understand what you do and roughly what it costs, and judge whether a studio your size can carry their project. Most also look for signs of how you work, such as who they would deal with and how long things take, before they send anything.
The six pages follow that path. The header keeps a Start a project button on every page. The home page states what the studio does and for whom, then shows four selected projects, the service lines, the studio, a four-stage process, a client quote and a band of studio numbers. The services page gives each service line its inclusions, a typical timeline and a starting price, followed by three engagement models. The work page pairs a project grid and archive list with one case study written out from challenge to measured outcome, and the contact page holds a project brief form with budget and timeline choices, the steps after a brief arrives and an FAQ.
Build in this order: header and footer, then home, work, services and contact. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s header. The brief form also becomes an Elementor Pro Form. The kit is dark throughout, with one pink accent for buttons and labels, so if you change the accent, change it everywhere at once. Replace the sample projects, figures and quotes before publishing: a case study only counts if the client approved it.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Night
#0e0e10
Graphite
#18181c
Line
#2a2a31
Bone
#f2efe9
Ash
#a3a1a8
Signal pink
#ff4d8d
- Headings: Space Grotesk
- Body text: IBM Plex Sans
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.
