1/5 - Services
Overview
The mega menu built for marketing, creative, and consulting agencies. Six top-level items pre-built with real agency content: Services · Industries · Work · Insights · About · Locations · Contact. Image-forward Services panel where each capability is a portfolio-style card. Tabbed Industries panel so prospects self-segment by vertical. Client-logos grid in Work. Featured case-study cards in any sidebar. An embedded HubSpot brief form pinned to About so prospects hand-raise straight from the nav. A multi-office Locations dropdown for agencies running multiple cities or going remote-first.
Editorial design out of the box. Warm cream #f5f1ec + ink #1a1614 + rust-coral #c8553d accent. Inter Tight body font + Fraunces editorial serif on column titles, case-study tags, and changelog dates. A pulsing rust dot on the promo banner. A trust strip at the bottom of every mega panel pre-filled with the credentials clients look for: HubSpot Diamond Partner, Inc. 5000, Clutch Top, Webby Award, AAAA Member.
Built to be re-skinned in minutes. 170+ style fields. Change a colour, a font, a radius, the glass blur — all from the editor. Body font and editorial accent font are both Google Font fields with auto-loading. Every padding, opacity, hover state, shadow, focus ring, and animation duration is a setting. Zero hardcoded values inside the CSS.
Mobile-ready. Card-style drawer that sizes to its content and scrolls internally. Featured cards render as image-on-top blog cards. Embedded form fields align flush with menu items. Body scroll fully locked when the drawer is open (iOS Safari included).
Drops onto any HubSpot page. No theme required. Vanilla JavaScript, pure CSS, accessible by default — full keyboard navigation, ARIA roles, focus trap, prefers-reduced-motion honored. Fast by design.
The full feature list:
Six pre-built top-level items with agency content swap-ready
Image-forward Services panel (3 columns × blog-card rows)
Tabbed Industries panel (4 verticals, six to eight sub-niches per tab)
Work panel with a 6-cell client-logos grid + capability filter rows + Editor's-pick case study sidebar
Insights panel with three columns — Read · Latest journal (changelog teaser) · Resources
About panel with Studio + Careers columns + a "Send brief" HubSpot form pinned in the sidebar
Multi-office Locations dropdown — one entry per city with address + map-pin, plus optional Remote-first entry
Pre-filled trust bar at the bottom of every mega panel
Pre-filled promo banner with pulsing rust dot + dismiss-and-remember localStorage
Dual Schedule-a-call + View-work CTAs pinned to the bar
⌘K / Ctrl-K search shortcut with visible hint
170+ editor-controllable style fields
Two Google Font fields (body + editorial accent), both auto-loaded
Full mobile drawer with image-on-top cards, aligned embedded form, scroll lock on <html> and <body>
WCAG-friendly keyboard navigation, ARIA roles, focus trap, reduced-motion support
Features
The agency nav, pre-built
Six top-level items, ready: Services · Industries · Work · Insights · About · Locations · Contact. Image-forward Services panel. Tabbed Industries by vertical. Client-logos grid. Featured case-study cards. Embedded brief form. Multi-office Locations dropdown. Dual Schedule + View-work CTAs.
Editorial design out of the box
Warm cream + ink + rust-coral palette. Inter Tight body + Fraunces editorial serif on column titles, case-study tags, changelog dates. Pulsing accent dot on the promo banner. Pre-filled trust strip: HubSpot Diamond Partner, Inc. 5000, Clutch, Webby, AAAA. Image-on-top featured cards.
170+ controls, zero hardcoded values
Every colour, font, padding, radius, opacity, blur, hover state, focus ring, and animation is a field. Two Google Font fields (body + editorial accent) auto-loaded. Container width, glass effect, sidebar width, form inputs, submit button — all editor-controllable. Re-skin in minutes.
About Module
Total installs Fewer than 10 Created - May 19, 2026
Version 1 - May 19, 2026
Categories Tags
Requirements
HubSpot Subscription
Contact Studio Nope
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
Studio Nope
- Romania
Visit website
Studio Nope designs and builds fast, clean HubSpot CMS websites and custom themes for teams that care about performance, editing experience, and reliable tracking.
Unlimited email support
Studio Nope typically responds in
- Monday
9:00 AM - 5:00 PM (EET) - Tuesday
9:00 AM - 5:00 PM (EET) - Wednesday
9:00 AM - 5:00 PM (EET) - Thursday
9:00 AM - 5:00 PM (EET) - Friday
9:00 AM - 5:00 PM (EET)
