Odd Hours

Odd Hours is a Framer template for small brand and web studios that do serious work for serious clients, and need a site that finally shows it.

It opens with the work. The hero rotates through your case studies, each with its photo, client name and one result that matters (“+24% enquiry-to-project”). Further down, a pinned scroll section puts what clients get from you next to what they see before they call, and closes the gap as the visitor scrolls. Then come the stories, the services, a three-step process, the FAQ and one clear call to book.

What’s inside

• 7 pages: Home, About, Work, case study template, Privacy, Terms, 404

• CMS with 8 sample success stories, each with facts, results, challenge, approach and gallery

• Full design system: colour tokens with 50–800 scales, 7 responsive text styles, 4-point spacing

• Desktop, tablet and phone layouts for every page, including a phone menu drawer

• Custom code components: rotating hero showcase, scroll scenes, scroll-reveal statement, testimonial slider, live clock for your city

• Optional interface sounds, off until a visitor turns them on

• Cookie banner with Google Tag Manager support, plus privacy and terms templates

• Booking buttons ready for Cal.com or Calendly

• SEO titles, social preview image, favicons for light and dark mode

• A “Start here” page inside the project: setup checklist, section map, component guide and breakpoint rules

Fonts: Open Sauce Sans, Big Shoulders, Merchant Copy.

Built by Földes Design Studio · foldesdesign.com