About Ruido
Ruido is a loud, motion-heavy Framer template for creative studios and agencies that work with music, fashion and culture brands. It opens on a looping 3D video hero: a model surrounded by inflatable chrome and pink objects, with a live local clock and a headline that drops in word by word.
Scroll down and the page keeps moving: a giant "No quiet brands" manifesto, a scroll-linked "Selected work" marquee, project cards that stack as you scroll, service rows that peek an image on hover, a scroll-lit statement with floating inflatables, a testimonial ticker and a real monthly/yearly pricing toggle.
Who it’s for
Branding, campaign and motion studios
3D artists and creative directors with a team
Agencies that want a site that looks as loud as their work
What you get
11 pages: Home, Work, Case study, Studio, Journal, Article, Contact, Privacy, Terms and 404, plus Getting Started and Design System pages
2 CMS collections: Projects (6 case studies with stats, gallery and rich text) and Journal (4 articles)
Looping 3D video hero with poster image, plus 5 transparent inflatable PNGs you can reuse
Live local time code component with time zone and prefix controls
Scroll motion: word-by-word headlines, scroll-linked marquees, sticky project stack, parallax images, scroll-lit text, page transitions
Components: Service Row with hover reveal, Pricing with monthly/yearly toggle, FAQ accordion, responsive navigation with drawer, footer with newsletter
Working contact form and newsletter with sending and success states
Fully responsive: desktop, tablet and phone
Design system: 8 color tokens, responsive text styles, link styles
7 Agent Skills for Framer AI: design system, motion, add-project, add-post, rebrand, new-section and launch-check
SEO titles and descriptions on every page, social image and favicon
Fonts
Unbounded (headings), Instrument Sans (text) and Permanent Marker (handwritten notes), all free on Google Fonts.





