--- title: Download Center Pro — File Download Module for HubSpot description: A download module for HubSpot CMS. Cards of files with a search box, category pills and a file type menu. One file gets a button, several open into a menu or a list, and sizes and types are read from the files. Every colour, size and word is a field. --- [![StudioNope Themes](https://www.nopethemes.com/hubfs/studio-nope-themes-logo.png)](https://www.nopethemes.com?hsLang=en) [Get the module →](https://ecosystem.hubspot.com/marketplace/website) HubSpot CMS Module # Download Center Pro Cards of files to download, in a grid or a list, with a search box, category pills and a file type menu. A card with one file gets a button. A card with several opens into a menu or a list. File types and sizes are read from the files themselves, and every colour, size and word is a field. [Get the module](https://ecosystem.hubspot.com/marketplace/website) [See it live ↓](https://www.nopethemes.com/download-center-pro#demo) Demo 1 ## A media kit, one row per document The list layout: an icon on the left, the words in the middle, the button on the right. The rate card and the logo pack are one file each, so their button says what the file is and how big it is. The media kit and the audience data come in two formats, so their button opens a list inside the row. The type comes from the file name and the size from the file. Advertise with Halden ## Media kit and rate card Everything a planner needs before the first call: formats, audiences, prices and our logo. - ### The Halden media kit Formats, audiences and the placements that sell out first, for campaigns in 2026. Download · 2 files: The Halden media kit - [Halden media kit 2026 PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-media-kit-2026.pdf?hsLang=en) - [Halden media kit 2026 PPTX](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-media-kit-2026.pptx?hsLang=en) - ### Rate card 2026 Every placement with its price per thousand and its minimum spend. [Download PDF: Rate card 2026](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-rate-card-2026.pdf?hsLang=en) - ### Audience data Monthly listeners, age split and session length for twelve markets. Download · 2 files: Audience data - [Halden audience data 2026 XLSX](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-audience-data-2026.xlsx?hsLang=en) - [Halden audience data 2026 CSV](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-audience-data-2026.csv?hsLang=en) - ### Logo pack The dark and light marks as PNG and SVG, with a note on where each goes. [Download ZIP: Logo pack](https://www.nopethemes.com/hubfs/download-center-pro/v2/halden-logo-pack.zip?hsLang=en) --- Demo 2 ## A resource library you can search A grid of covers with every filter switched on. The search box matches titles, descriptions, categories and file names as you type. The pills come from the categories on the cards, and the menu beside the search box lists only the file types in the library. Six cards show first and Show more brings in the rest. A card with two files opens a small menu under its button. Fernline library ## Templates, reports and guides The documents we use with clients, free to download and use with your own team. Search the library Filter by file type Any file type CSVDOCXPDFPPTXXLSX Everything Templates Reports Checklists Guides - ![The website brief, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-website-brief.jpg?width=1200&height=900&name=fernline-website-brief.jpg) Templates ### The website brief The brief to fill in before a redesign starts, so the first meeting is about decisions. Updated June 2026 Download · 2 files: The website brief - [Website brief DOCX](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-website-brief.docx?hsLang=en) - [Website brief PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-website-brief.pdf?hsLang=en) - ![The Q2 2026 marketing report, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-marketing-report-q2-2026.jpg?width=1200&height=900&name=fernline-marketing-report-q2-2026.jpg) Reports New ### Marketing report Q2 2026 What worked across forty client accounts this quarter, channel by channel. July 2026 Download · 2 files: Marketing report Q2 2026 - [Report PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-marketing-report-q2-2026.pdf?hsLang=en) - [The data behind it XLSX](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-marketing-report-q2-2026.xlsx?hsLang=en) - ![The launch checklist, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-launch-checklist.jpg?width=1200&height=900&name=fernline-launch-checklist.jpg) Checklists ### Launch checklist The list we run through in the week before a site goes live. Updated May 2026 [Download PDF: Launch checklist](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-launch-checklist.pdf?hsLang=en) - ![The content calendar open in a spreadsheet](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-content-calendar.jpg?width=1200&height=900&name=fernline-content-calendar.jpg) Templates ### Content calendar Twenty-six weeks of slots for posts, emails and events, with an owner for each. Download · 2 files: Content calendar - [Content calendar XLSX](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-content-calendar.xlsx?hsLang=en) - [Content calendar CSV](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-content-calendar.csv?hsLang=en) - ![The brand voice guide, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-brand-voice-guide.jpg?width=1200&height=900&name=fernline-brand-voice-guide.jpg) Guides ### Brand voice guide How a whole team writes in one voice, with examples to copy. April 2026 [Download PDF: Brand voice guide](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-brand-voice-guide.pdf?hsLang=en) - ![The board presentation open on screen](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-board-presentation.jpg?width=1200&height=900&name=fernline-board-presentation.jpg) Templates ### Board presentation Eight slides for the quarterly board update, with the charts already laid out. [Download PPTX: Board presentation](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-board-presentation.pptx?hsLang=en) - ![The SEO audit checklist, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-seo-audit-checklist.jpg?width=1200&height=900&name=fernline-seo-audit-checklist.jpg) Checklists ### SEO audit checklist Every check in the audit, in the order we run them. Download · 2 files: SEO audit checklist - [SEO audit checklist PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-seo-audit-checklist.pdf?hsLang=en) - [Scoring sheet XLSX](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-seo-audit-checklist.xlsx?hsLang=en) - ![The email benchmarks report, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-email-benchmarks-2026.jpg?width=1200&height=900&name=fernline-email-benchmarks-2026.jpg) Reports Updated ### Email benchmarks 2026 Open, click and unsubscribe rates by industry, from this year's sends. August 2026 Download · 2 files: Email benchmarks 2026 - [Benchmarks report PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-email-benchmarks-2026.pdf?hsLang=en) - [Benchmarks data CSV](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-email-benchmarks-2026.csv?hsLang=en) - ![The client onboarding guide, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/fernline-client-onboarding-guide.jpg?width=1200&height=900&name=fernline-client-onboarding-guide.jpg) Guides ### Client onboarding guide What happens in the first thirty days of working together, week by week. Download · 2 files: Client onboarding guide - [Client onboarding guide PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-client-onboarding-guide.pdf?hsLang=en) - [Client onboarding guide DOCX](https://www.nopethemes.com/hubfs/download-center-pro/v2/fernline-client-onboarding-guide.docx?hsLang=en) Nothing in the library matches that. Clear filters Show more --- Demo 3 ## A press kit with every file on show The file lists are set to always open, so a journalist sees every format without pressing anything. Each file type carries its own icon: the logo pack is an archive, the portrait is an image, the release is a Word document and the boilerplate is plain text. The selected pill takes a light tint of the accent in place of the dark default, and the search box is off. Press ## Orla press kit Logos, photography and the latest release. Use them freely in coverage of Orla. All Brand Photography Releases - ![The Orla mark on light, dark and amber tiles](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-logos.jpg?width=1200&height=900&name=orla-logos.jpg) Brand ### Logos The mark in dark, light and amber, for any background. - [Logo pack ZIP](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-logo-pack.zip?hsLang=en) - [Primary logo SVG](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-logo-primary.svg?hsLang=en) - [Primary logo PNG](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-logo-primary.png?hsLang=en) - ![The Orla brand guidelines, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-brand-guidelines.jpg?width=1200&height=900&name=orla-brand-guidelines.jpg) Brand ### Brand guidelines Logo, colour, type and photography, with the rules for each. [Download PDF: Brand guidelines](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-brand-guidelines.pdf?hsLang=en) - ![Three press photographs laid out](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-photography.jpg?width=1200&height=900&name=orla-photography.jpg) Photography ### Photography The founder, the Copenhagen studio and the workshop. Credit Orla. - [All photographs ZIP](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-press-photos.zip?hsLang=en) - [Founder portrait JPG](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-founder-portrait.jpg?hsLang=en) - [The studio JPG](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-studio.jpg?hsLang=en) - [The workshop JPG](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-workshop.jpg?hsLang=en) - ![The September press release, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-press-release.jpg?width=1200&height=900&name=orla-press-release.jpg) Releases Embargoed ### Orla opens its second studio The September release on the Lisbon studio, with quotes from both founders. Until 15 September 2026, 09:00 CET - [Press release DOCX](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-press-release-september-2026.docx?hsLang=en) - [Press release PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-press-release-september-2026.pdf?hsLang=en) - ![The Orla fact sheet, printed](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-fact-sheet.jpg?width=1200&height=900&name=orla-fact-sheet.jpg) Releases ### Fact sheet Founded, team, locations and the people to call. [Download PDF: Fact sheet](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-fact-sheet.pdf?hsLang=en) - ![The boilerplate open in a text editor](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/orla-boilerplate.jpg?width=1200&height=900&name=orla-boilerplate.jpg) Releases ### Boilerplate The paragraph about Orla to paste at the end of an article. [Download TXT: Boilerplate](https://www.nopethemes.com/hubfs/download-center-pro/v2/orla-boilerplate.txt?hsLang=en) Nothing here yet. Show everything --- Demo 4 ## Product documents, as a list or a grid Rows with square thumbnails and outline buttons, a search box, a file type menu and the switch between list and grid in the corner. The bundle card holds four files and opens a menu, which flips upward when there is no room below it. The firmware card mixes a file with a link to a page elsewhere, which opens in a new tab and carries its own icon. Support ## Kestrel documentation Data sheets, installation guides and CAD files for the K2 sensor and the K4 gateway. Search documents Filter by file type All file types PDFTXTXLSXZIP - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-k2-datasheet.jpg?width=800&height=800&name=kestrel-k2-datasheet.jpg) Data sheets Rev. C ### K2 data sheet Dimensions, power, radio and certification for the K2 sensor. March 2026 [Download PDF: K2 data sheet](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-datasheet.pdf?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-k2-installation-guide.jpg?width=800&height=800&name=kestrel-k2-installation-guide.jpg) Guides Rev. B ### K2 installation guide Mounting, wiring and first power-on, step by step, with torque values. January 2026 [Download PDF: K2 installation guide](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-installation-guide.pdf?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-k2-cad.jpg?width=800&height=800&name=kestrel-k2-cad.jpg) CAD ### K2 CAD files STEP model of the housing and a DXF of the mounting bracket. [Download ZIP: K2 CAD files](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-cad-files.zip?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-specifications.jpg?width=800&height=800&name=kestrel-specifications.jpg) Data sheets ### K2 and K4 specifications Both devices side by side in one sheet, parameter by parameter. [Get the sheet XLSX: K2 and K4 specifications](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-specifications.xlsx?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-k2-bundle.jpg?width=800&height=800&name=kestrel-k2-bundle.jpg) Guides ### K2 document bundle The data sheet, the installation guide, the warranty and the CAD files together. Download · 4 files: K2 document bundle - [K2 data sheet PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-datasheet.pdf?hsLang=en) - [K2 installation guide PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-installation-guide.pdf?hsLang=en) - [K2 warranty PDF](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-warranty.pdf?hsLang=en) - [K2 CAD files ZIP](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k2-cad-files.zip?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-k4-datasheet.jpg?width=800&height=800&name=kestrel-k4-datasheet.jpg) Data sheets Rev. A ### K4 data sheet Dimensions, power, radio and certification for the K4 gateway. June 2026 [Download PDF: K4 data sheet](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-k4-datasheet.pdf?hsLang=en) - ![](https://www.nopethemes.com/hs-fs/hubfs/download-center-pro/v2/images/kestrel-firmware.jpg?width=800&height=800&name=kestrel-firmware.jpg) Firmware Latest ### Firmware 3.4.0 Faster network join, hourly battery reports and a fix for clock drift. Download · 2 files: Firmware 3.4.0 - [Release notes TXT](https://www.nopethemes.com/hubfs/download-center-pro/v2/kestrel-firmware-release-notes.txt?hsLang=en) - [Full changelog Web page (opens in a new tab)](https://www.nopethemes.com/portfolio-showcase-pro?hsLang=en) No document matches that search. Clear search ## What it is A download section for HubSpot CMS. Each card carries a title, a description, an icon or an image, and one or more files from your File Manager. Visitors search the cards, narrow them by category and by file type, and download a file with a single click. The file arrives on their device under the name you gave it. ## Cards and files Cards are a repeater, and each card holds its own repeater of files. Per card: | Field | What it does | | --- | --- | | Card picture | An icon from HubSpot's icon picker, an image, or nothing | | Title, Description | The words on the card. Both are searched | | Category | Groups the card under a filter pill | | Badge | A short word beside the category, such as New | | Small print | A line under the description, such as a date or a revision | | Button text for this card | Replaces the button text for this card only | | Files | The files on the card, each with a name, the file, an optional link, a type and an optional size | A file is picked from your File Manager. When a document lives somewhere else, leave the file empty and paste the address into **Or a link**: it opens in a new tab and carries the **Link icon** in place of the download arrow. A card whose only file is a link gets a button that reads *Open*, set on **Button text for a link**. ## One file or several A card with one file gets one button, which reads *Download PDF*, or whatever your button text is, followed by the type and the size. A card with several files gets a button that reads *Download · 3 files*, and what that button opens is chosen on a field: - **A menu under the button.** It opens below the button, or above it when the window has no room below, and closes on Escape, on a second press or on a click anywhere else. Opening one closes any other. - **A list that opens inside the card.** The card grows to show a line per file. Any number of cards can be open at once. - **The list, always open.** No button. Every file on the card is on show from the start. - **Automatic.** The default. A grid opens a menu, a list of rows opens inside the row. With the grid and list switch on it always opens a menu, so a card behaves the same in both views. ## Search and filters Each is a switch on the **Search and filters** group. - **Search box.** Matches titles, descriptions, categories, badges, small print, file names (the names you typed and the names of the files themselves) and file types as the visitor types. Every word typed has to appear somewhere on the card, in any order. Accents are ignored, so `cafe` finds `café`. - **Category pills.** Built from the categories typed on the cards, in the order they first appear, with your own word for the first pill. Case and outer spaces are ignored, so `Guides` and `guides` are one pill. The row is left out when every card shares one category. - **File type menu.** Lists only the types present on the cards. A card matches when any of its files is that type. - **Result count.** Off to begin with. Switch it on to show the number of cards that match, with a word for one and a word for several. - **Side by side or stacked.** Pills on the left and the search box on the right, or the pills under the search box. When the two do not fit on one line, the search box moves to a line of its own and runs its full width. On a phone the pills scroll sideways and fade at the side that has more. - **Grid and list switch.** Lets the visitor change the layout on the page. The grid uses the column counts under Layout and buttons, which stay visible for that reason even when the layout is a list. When nothing matches, the grid gives way to a message and a button that clears every filter. Both are words you set. ## Show more Set **Cards shown before Show more** above 0 and the section opens with that many cards and a button under them that brings in the next set. Filters count every card, including the ones not shown yet, and a new search starts back at the first set. Keyboard focus moves to the first card that arrived. ## Layouts **Grid of cards.** A column count for desktop, tablet and phone. An image can run to the card edges or sit inside the padding, cropped to the shape you choose, and the button sits on the bottom edge so buttons line up across a row. **List of rows.** One card per row with the picture on the left, the words in the middle and the button on the right. On a phone the button moves under the words and runs the full width. ## File types and sizes The type is read from the end of the file name, so `media-kit.pdf` shows as PDF. Set it on the **File type** field when a file name does not say what the file is. Each type has its own icon in the file list: PDF, Word, Excel, PowerPoint, archive, image, audio, video, code and text. The size is read from the file when its card comes near the screen, written in the units on the **Size units** field, with the number written the way the page language writes it, so a German page shows `2,4 MB`. Type a size into **File size** to show that instead. Switch sizes off and the module sends no request for them. ## How the download works Files from your own File Manager are served from your own website's address, which lets the browser save the file under the name you gave it instead of opening it in a tab. A PDF downloads as a PDF. The extension is added to the name for you. A file from another HubSpot portal or another address is fetched by the page and saved under its name, with the button marked busy while that happens. If the fetch fails or takes longer than twenty seconds, the file opens in a new tab, so a click never does nothing and the page stays where it was. A file known to be larger than 50 MB is handed straight to the browser. A visitor who holds Command or Ctrl while clicking gets the browser's own behaviour. ## Tracking Every download pushes an event to the `dataLayer` for Google Tag Manager, named `file_download` unless you change it, carrying `file_name`, `file_type`, `file_url` and `card_title`. In Tag Manager, add a Custom Event trigger with that event name and read the four values as Data Layer Variables. The section also dispatches a `downloadcenterpro:download` event on the page, with the same four values, for any script of your own. A double click counts as one download. Switch the dataLayer event off on the **Tracking** group. `file_download` is also an event GA4 records by itself when enhanced measurement is on. If a GA4 tag in Tag Manager forwards this event under the same name, a download can be counted twice, so a name of your own, such as `resource_download`, is the safer choice. ## What it looks like before you touch anything Dropped onto a page, the module shows a heading, a search box, category pills and a grid of three cards to a row on white. Each card has a hairline border, an icon on a pale tile tinted with your theme's primary colour, a category, a title, a description and a compact dark button. Cards with two files open a small menu. The fonts and the accent colour come from your HubSpot theme settings, so the section already matches the page around it. ## Accessibility The search box and the file type menu carry labels for screen readers. Pills are buttons that report whether they are pressed. Every download button names the card it belongs to, so a screen reader hears *Download PDF: Launch checklist* and not a list of identical buttons. The order is a field, **Screen reader: button with its card**. A link that opens a new tab says so. A button that opens a file list reports whether it is open and which list it controls. Escape closes an open list and returns focus to its button. After every search or filter change the number of matching cards is read out, or the nothing-found message when there are none, whether or not the count is shown. A file being fetched keeps its name while it is marked busy. Focus rings are visible on every control and take their colour from a field. ## Reduced motion A visitor whose device asks for less motion gets the cards already in place, no fade-in, no lift on hover and menus that open without travel. That follows the visitor's own setting, so it cannot be switched off from the editor. ## Style Every colour, size, weight, radius, space, duration and easing is a field on the Style tab, grouped by what it affects: fonts, section, section heading, search and filters, cards, card icon, card text, download button, file list, motion and breakpoints. Colour fields carry opacity as well as a colour, and both are used. Body font, heading font and the accent colours inherit from your HubSpot theme settings. The button comes filled, outlined or as text with an icon. Every word visitors see or hear is a field on the Words group, so the section can be translated in full. ## Troubleshooting - **A file opens in a tab instead of downloading.** The file is on another address that does not allow the page to fetch it, so the visitor is sent to it instead. Upload the file to this portal's File Manager and pick it again. - **No size shows.** The address the file is on does not report sizes to other websites. Type the size into **File size** on that file. - **The wrong type shows.** The file name has no extension, or a misleading one. Pick the type on the **File type** field. - **A pill is missing.** The pill row needs at least two different categories. Check the spelling on the cards: case is ignored, spaces inside the word are not. - **The file type menu is missing.** It needs at least two different file types across the cards. - **A card shows no button.** None of its files has a file or a link. In the editor the card carries a note saying so, which visitors never see. - **The section does not line up with the rest of the page.** Set **Maximum width** and **Side padding** on the Section group to your page's container width and gutter. - **The menu is cut off.** An element around the module has `overflow: hidden`. Move the module out of that wrapper, or switch **Cards with several files** to a list inside the card. - **Downloads are not reaching Tag Manager.** Check the trigger's event name matches the one on the Tracking group exactly, including case. ## Notes on this page Four instances of one module, differing only in field values, each on the same container as the text above it: a media kit as rows with lists that open inside the row, a searchable library with Show more, a press kit with every file on show, and product documents with thumbnails, a layout switch and a menu that opens upward. Every file on this page is a real document you can download and open. No CSS on this page touches the module. [![StudioNope Themes](https://www.nopethemes.com/hubfs/studio-nope-themes-logo.png)](https://www.nopethemes.com?hsLang=en) Download Center Pro · Studio Nope [Get the module](https://ecosystem.hubspot.com/marketplace/website)