Creative Agency Website Template
From $19.00
A bold editorial/brutalist bilingual (English + Arabic RTL) website template for creative agencies and studios: kinetic headline, marquee bands, animated showreel, horizontal project scroller and filterable work index. Plain HTML, CSS and JS.
- Secure payment via PayPal
- Instant digital delivery
- Clear licensing
- Support available
Overview
A ready-to-launch website for a creative agency, design studio or production company, delivered in two complete language versions: English and Arabic. The Arabic pages are truly right-to-left: header, menu, grids, cards, forms, arrows and progress bars mirror, and the marquee bands run in the reading direction.
The template comes with full demo content for a fictional studio, Hardline, so you can see every page finished before you add your own name and work.
Pages (in each language): Home, Work, Case study, Services, Team, Contact and 404, plus a language chooser.
Look and feel: black and acid lime, hard colour blocks, oversized expanded Archivo headlines with Space Mono labels in English, Changa and Almarai in Arabic; sharp rectangles, hard offset shadows and high contrast. A full-screen overlay menu replaces the usual navigation bar. All artwork is original SVG.
Good to know: the contact form works in the browser (validation, error summary and confirmation) and sends nothing until you connect it to a form service or your own backend with one setting.
What's included
- Complete product files (ZIP)
Languages
The product description and details are provided in these languages.
Features
- Complete English (LTR) and Arabic (RTL) versions with a language switch on every page
- 7 pages per language: Home, Work, Case study, Services, Team, Contact, 404
- Kinetic home headline with a rotating word and scroll-linked drift
- Marquee bands that run in the reading direction of each language
- Animated SVG showreel with a pause/play control
- Horizontal project scroller with buttons, counter, progress bar and keyboard scrolling
- Filterable masonry work index with deep links such as projects.html#motion
- Full-screen overlay menu with focus trap, Esc to close and focus return
- Site-wide Motion toggle that honours prefers-reduced-motion and remembers the choice
- Project brief form with bilingual inline errors and a linked error summary
- Confirmation screen with reference number; connect any form service with one setting
- Complete case study layout: brief, idea, deliverables, results, quote and credits
- 25 original SVG illustrations: project covers, case-study plates and team portraits
- Live local clocks for each studio in the footer
- Self-hosted fonts and no external requests: works offline
- Plain HTML, CSS and vanilla JavaScript; opens with a double-click, no build step
- Responsive from 390 px phones to 1440 px desktops
- Accessibility: AA contrast, visible focus, alt text, skip link, reduced-motion support
- Colours controlled from a few CSS variables in one place
Requirements
No server-side language or database. You need a modern browser, a text editor, and any static web host to publish.
Compatibility
Current versions of Chrome, Edge, Firefox and Safari on desktop and mobile. Works when opened directly from disk or from any static file server.
Installation
- Unzip
creative-agency-website-template-1.0.0.zip. - Open the
creative-agency-website-templatefolder and double-clickindex.html, then choose a language. - Optional local preview: inside the folder run
python3 -m http.server 8080and openhttp://localhost:8080. - To publish, upload the folder contents to Netlify, Cloudflare Pages, GitHub Pages or any web host. No build command is needed.
User guide
- Name and contact details: use Find and Replace in the
enandarfolders to change "Hardline", «هاردلاين», emails, phone numbers and addresses. - Colours: edit
--ink,--limeand--paperat the top ofassets/css/style.css. - Projects and filters: each card in
projects.htmlhas adata-catsattribute matching the filter buttons. - Case studies: duplicate
case-study.htmlper project and point the card to the new file. - Images: replace the SVGs in
assets/imgwith your own and update the alt text in both languages. - Showreel: swap the SVG for a
<video>element as shown in README.md. - Form: set
formEndpointat the top ofassets/js/main.jsto receive briefs. - Motion: rotating words live in
data-words; speed inCONFIG.rotatorSeconds.
License
| Personal$19.00 | Commercial$29.00 | Extended$99.00 | |
|---|---|---|---|
| Projects | 1 | 5 | Unlimited |
| Users or sites | 1 | 1 | 5 |
| Commercial use | Not allowed | Allowed | Allowed |
| Modification | Allowed | Allowed | Allowed |
| Resale | Not allowed | Not allowed | Not allowed |
| Redistribution | Not allowed | Not allowed | Not allowed |
| Updates | 12 months | 12 months | Lifetime |
| Support period | 6 months | 12 months | 12 months |
| License key | Yes | Yes | Yes |
Pay with PayPal or a debit or credit card. We send your product once the payment is confirmed.
Support & Updates
For help, contact TowerCaty support through the store with your order number and the template name. The download includes a detailed README.
Changelog
1.0.0
- Version 1.0.0: first release in the store.
Last Updated
- Last update
- Oct 7, 2026
- Version
- 1.0.0
