Stuckon

Stuckon is a template for social media agencies: small teams who plan, shoot, post and answer the comments for local businesses.

The home page opens on a headline with a slider in it and a row of working Instagram stickers, each one on a client's story photo: a poll that fills, a question box you can type into, a countdown, an emoji slider and a link. As you scroll, the headline lifts away and the stickers rise into a row with what each one did: 4,210 votes in a day, 312 questions answered. Behind them, fine lines bend around the pointer and light up in the story-ring colors.

It is built to be made yours. Clients, services, the month, results, reviews, questions, journal notes, replies, the team and the hero stickers are CMS collections, so changing a client changes its ring, story, case page, insights and service page together. Every colour is a colour style, every line of text uses a text style, and Inter Display and Inter set everything. One accent and one gradient, used in a few places.

What is inside

- 11 page types: Home, Work and a page for each case, Services and a page for each service, Studio, Journal and a page for each note, Contact, three legal pages, 404 and a Style guide

- 10 CMS collections: Work, Services, Stickers, Month, Results, Reviews, FAQs, Journal, Replies, Team

- The sticker hero: working stickers on story photos that rise into their results as you scroll; checked from 1920 wide down to a 390 by 667 phone and in iPhone Safari

- Lens lines behind the hero: hairlines that bend around the pointer, with a slow sweep of light on load (WebGL; still with reduced motion)

- Story viewer, insights sheet, poll bars, caption edit, lock-screen results, typing replies, live reactions and a newsletter prompt, each with its own motion; reduced motion is respected

- A contact form with sending, sent and failed states

- Four Framer Agent skills: design-system rules that are always on, plus add a client, add a page and rebrand