About this template

What Uproar is

Uproar is a complete website for an agency that makes and runs ads: paid social, creative, performance or growth. Instead of stock portraits and floating counters, it shows the work itself. Every piece is an ad unit, as a feed post, a story, a square, a search ad or an email, built from a photo and editable text, and each one carries a chip with the result it brought, the client and the period.

The ads float over slowly widening rings on a cobalt blue field, and the same rings run through the method, the pricing and the closing band. Pricing is one dial: move it to your monthly ad spend and the plan, the fee and what is included follow. It has thirteen page types: home, work with format and industry filters, case study, services, service, pricing, about, careers, journal, post, contact, legal pages and a 404.

Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. The demo shows an invented agency with invented clients and sample results. Its photographs are for demonstration only, so replace them with your own work before you publish.

Last updated

What's included

13 pages, ready to fill in

  1. 01HomeHero with five floating ads and three sourced results, clients, the work wall, services, results, method, pricing dial, a client quote, journal and questions
  2. 02WorkSixteen ads with their results, filtered by format and by industry
  3. 03Case studyThe brief, what was done, the ads, the result with before and after bars, a gallery and a client quote
  4. 04ServicesFour services with what is included and a from-price, the four-week method and a sample one-page monthly report
  5. 05ServiceWhat is included, how a month runs, proof, who it fits and who it does not, and questions
  6. 06PricingThe spend dial, what every plan includes, three fixed-price projects and questions
  7. 07AboutThe story, three beliefs, facts with their sources, eight people and how the studio runs
  8. 08CareersHow the team works and open roles that expand in place, with salary bands
  9. 09JournalNotes with a topic filter
  10. 10PostA reading layout with sub-headings, a pull quote, an ad shown in the text and an author card
  11. 11ContactA qualifying form that asks for goals and monthly ad spend, with inline checks
  12. 12Privacy and TermsPlain text pages with a contents list
  13. 13404A page for links that no longer exist

Features

  • Ad units in five formats, each with a result chip
  • Pricing dial that sets plan, fee and inclusions
  • Filters on the work wall and the journal
  • Light and dark mode with a toggle
  • Responsive on desktop, tablet and phone
  • CMS for ads, cases, services, posts, team and roles on Framer
  • Text, prices, results and photographs are yours to change

Code version

  • React 19
  • Vite
  • Tailwind CSS 4
  • TypeScript
  • Motion
  • React Router
  • Content in typed files

Screens

A closer look

Taken from the live demo, in light and in dark, on desktop and on a phone.

Uproar template. Home: five ads over the reach rings, each with its result.
LightHome: five ads over the reach rings, each with its result.
Uproar template. Work: every ad with its number, filtered by format and industry.
DarkWork: every ad with its number, filtered by format and industry.
Uproar template. Case study: the brief, the ads and the result with its baseline.
LightCase study: the brief, the ads and the result with its baseline.
Uproar template. Services: what is included and a from-price for each.
LightServices: what is included and a from-price for each.
Uproar template. Pricing: one dial for monthly ad spend sets the plan and the fee.
DarkPricing: one dial for monthly ad spend sets the plan and the fee.
Uproar template. About: the people on the account.
LightAbout: the people on the account.
Uproar template. Journal: notes on creative, measurement and process.
DarkJournal: notes on creative, measurement and process.
Uproar template. Home on a phone, light mode.
Uproar template. Work on a phone, dark mode.
PhoneHome on a phone, light mode. Work on a phone, dark mode.

Where to get it

Three versions, one design

Pick the one that matches how you build. The pages and the design are the same in each.

  • Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.

    Free on FramerFramer Marketplace

  • Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.

    $5one payment

    Buy theme · $5
  • XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.

    Includedfor Business+ members

    Get it with Business+ plan on XOXI

Want to see it first? View demo

Want one made for you?

Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.

Book a call

Fixed quote. You own everything we make.

The Black Momento online store, built by Victor Studios
Client work, designed and built by us