FOG

FOG is a Framer agent template for branding studios, design agencies, and independent creatives. Five built-in skills teach the Framer Agent your colors, text styles, components, CMS, layout, and forms, so new pages and content match the design from the first prompt. Soft blur, film grain, and scroll-driven motion meet bold editorial layouts and CMS-powered case studies.

Built for the Agent

• Five project skills: design-system, project-cms, project-layout, project-forms, and template-customization.

• Describe, don't configure: ask for a section, case study, form field, or full rebrand in plain language.

• Guardrails built in: the reveal footer, sticky scrolling, and CMS structure stay intact.

• Editable: skills are plain text. Add a rule once and the Agent follows it.

What's inside

• Home page: hero, selected work, about with looping marquee, team, services, testimonials, clients, and contact form. All text is managed in the CMS.

• Responsive: desktop, tablet, and mobile layouts with breakpoint-specific type and spacing.

• CMS case studies: a Work page filterable by service, and detail pages driven by CMS fields: story, gallery, testimonial, link, and color palette.

• Sticky services section: five services, each with its own image and title.

• Team, testimonials slider, and client list, all editable.

• Contact form with default, focus, error, and success states.

• Reveal footer that appears as the last section stays pinned.

• Atmosphere: Progressive Blur, animated Noise grain, and Blur Hover Text.

• Button system: one component for every style, size, and state, plus icon buttons.

• 404 page and a built-in style guide.

Good to know

• Contact form: add your email as the destination before launch.

• Fonts: Unbounded and Outfit, both free Google Fonts in Framer's picker.

• Images: placeholders from Unsplash and Lummi. Replace them before launch.

• Support: abashgwen@gmail.com