Agency / Studio

Install

The whole page lands in app/templates/agency-studio/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

1. 1

   Navigation and Hero

   A nav bar pinned inside the section, oversized headline type, a glowing grid backdrop and a marquee of service keywords.

   hero
2. 2

   Services

   Four core capabilities as an oversized list; hovering fills a row with electric yellow and expands its detail and tags.

   features
3. 3

   Selected Work

   A wall of six unequal colour blocks that shift in parallax as you scroll, each revealing a go-to arrow on hover.

   gallery
4. 4

   How We Work

   Unpack, define, build and launch staggered left and right, with a centre progress line that extends as you scroll.

   timeline
5. 5

   Numbers and Team

   Four result figures that count up when they enter the viewport, above four member cards with gradient portraits and social links.

   team
6. 6

   Client Testimonials

   Large-type client quotes on auto-rotation with clickable dots, over a row of partner brand names.

   testimonial
7. 7

   Get in Touch

   An availability badge, an oversized question headline and two buttons for email or booking a call, over glow shapes that drift as you scroll.

   cta
8. 8

   Footer

   A studio blurb, round social buttons and three link columns for services, studio and contact, above a copyright and terms bar.

   footer