Creative agency website template
Studio Halcyon
An editorial, type-led template for creative studios, design agencies and freelancers. Oversized Syne headlines, square-cut imagery on warm off-white and a signal-orange accent give it the confidence of a studio that wins awards. Inside: case-study gallery, tagged services, process steps, engagement-model pricing, team and a journal for thought leadership.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 40 sections · 20 photos
Design system
- Display face
- Syne
- Body face
- Inter
- Header · footer · images
- editorial · mega · square
- paper
#EFEDE8 - surface
#E5E2DB - ink
#111111 - muted
#5B5A57 - line
#CFCBC2 - brand
#FF4A1C - brandInk
#111111 - accent
#111111
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 20 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Editorial hero
- Marquee
- Service list
- Gallery
- Stats
- Feature quote
- Process steps
- Article grid
- Call to action
- Page header
- Story
- Team
- Feature grid
- Logo strip
- Image + text
- Testimonials
- Pricing tiers
- FAQ
- Contact form + details
- Info bar
- Newsletter
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the creative agency template
Will this work for a solo designer or freelancer?
Yes. Reduce the team section to one portrait, rename the pricing tiers and the template reads as a one-person studio.
Can I add full case-study pages?
Use blog posts as case studies with their own category, and link gallery captions to them.
Does it suit motion or video-led studios?
Yes. The service list, split feature and gallery all work with video stills, and the bold type holds up next to moving work.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the creative agency website template guide.
