HubSpot Design Certification Test Answers featured image

HubSpot Design

Certification Exam Questions And Answers

This searchable PDF file contains all HubSpot Design Certification Exam Answers to all possible exam questions. As you probably know, HubSpot Design certification is available in HubSpot Academy. Download this answer sheet and get HubSpot Design certified in no time. 100% correct and verified answers.


What’s Included?

The PDF file that contains All HubSpot Design Certification Test Answers to all possible test questions.

All Possible Questions

The file contains All possible questions from HubSpot Design Certification Test generated after passing the exam multiple times.

Verified Answers

100% correct Answers. If you follow this guide you’ll score 100% correct. We guarantee.

Searchable File

The file is completely searchable and very easy-to-use. Just note that questions during the tests are always in random order.

Always Up-To-Date

We update our files on a very regular basis. The file reflects the latest and actual certification exam. Also, you’ll get all future updates for FREE.

Guarantee To Pass

No more exam stress. Get certified on the first attempt.


“Practice More, Read Less”. Save hours of your valuable time. Focus on improving practical skills rather than passing tests. 

What About The Exam?

HubSpot Design Certification is one of thet certification programs available in HubSpot Academy. Undoubtedly, this certification is a great boost to your resume or company profile. Also, note, that there are more than possible questions than you get during the exam. Therefore, the PDF file contains all possible questions with correct answers.

HubSpot Design Certification Answers

Keep in mind that during HubSpot Exams:

  • Questions are always in Random order.
  • You can use the PDF file during the exam.
  • PDF file contains all possible questions.
  • The individual certificate of completion will be available immediately after passing the exam.
  • there are much more possible questions than you get during the exam.
Google Ads Fundamentals Certification Answers Description Image YZYadwords

Please note, that HubSpot Design Exam has more possible questions than you get during the certification. However, The PDF file contains all possible questions with answers. So you don’t have to worry. Click “show more” button below to see HubSpot Design Certification exam questions.

In terms of the HTML, what happens when two modules are grouped?

  • Two divs merge into one div, making its CSS styling easier.
  • Two divs are assigned the same CSS class, making styling easier.
  • The two modules become part of an iframe, making them easier to dynamically position.
  • The two modules are placed in a parent div, helping to maintain responsiveness.

What is a Flexible Column?

  • a – A module that allows a marketer to add or remove modules in the Page Editor.
  • b – A div that stretches when the visitor clicks and drags it.
  • c – A module that causes a form field to expand when a visitor types into it.
  • d – A module that remains editable after a page has been published.

Your client, Top Chocolate Shop has read that they need a responsive website, but they aren’t sure what that is. How would you describe a responsive website to them?

  • The content changes based on what the user searches for.
  • The website layout changes depending on the size of the screen it is being viewed on.
  • Everything can be moved by the user, creating a customized experience.
  • The visitor’s previous website interactions define the navigation.

What option is used when making changes to a single instance of a global module?

  • Convert Global to Local
  • Make a Local Copy
  • Edit Options
  • Edit Module

Which module type will help marketers convert visitors into leads?

  • Insert Offer Link
  • Conversion Button
  • Call-to-Action (CTA)
  • Landing Page

What is the Code Editor?

  • The portion of the design tools where CSS/HTML/Javascript code is edited and previewed.
  • A console tool for monitoring and pausing code progress in real-time.
  • The primary editing tool for a marketer in HubSpot.
  • A tool used to help manage your website-wide settings for integrations.

What does the “Edit CSS” module option allow you to do?

  • a – It allows you to change colors by selecting an element and clicking on a color.
  • b – It allows you to assign stylesheets to individual modules.
  • c – It allows you to remove any default CSS applied to a module.
  • d – It allows you to assign CSS classes to modules and apply local CSS styling.

What are HubL tags?

  • a – HubL tags are a form of server-side code, used for building templates.
  • b – HubL tags are another form of CSS, used for advanced page design and styling.
  • c – HubL tags are similar to jQuery and enable interactive features like animated divs.
  • d – HubL tags are shortcodes for common JavaScript snippets.

What option allows you to convert a template to raw code?

  • a – “Clone to File”, found under the Actions menu.
  • b – “Create Code File”, found by right-clicking on a template.
  • c – “Copy to HTML”, found under the Actions menu.
  • d – “Advanced Mode”, found under the Actions menu.

Why is it better to use an attached stylesheet instead of inline styling for page templates?

  • Stylesheets separate content and design, simplifying the development process.
  • Inline styles only work for text elements. Stylesheets allow you to style more complex content, like divs.
  • It isn’t better. You should use inline styling when possible.
  • Because inline styles cannot be edited within the Layout Builder whereas stylesheets can be edited.

Your client, Top Chocolate Shop, is ready for a website redesign. Why might you recommend moving their website to HubSpot from their current CMS?

  • A. HubSpot can create high-quality templates without HTML or PHP, while most other CMS platforms rely on it.
  • B. HubSpot tools provide a simplified, data-rich experience for marketers and a personalized experience for visitors.
  • C. HubSpot is the only platform that can be used to develop websites that are compatible with other HubSpot tools.
  • Answers A and B are correct.
  • Answers A, B and C are correct.

True or False: A Primary CSS file is enabled by default on all templates.

  • True
  • False

What is a Flexible Column?

  • a – A module that allows an end user to add or remove modules in the Page Editor.
  • b – A div that stretches when the visitor clicks and drags it.
  • c – A form that expands when a visitor types into it.
  • d – A module that remains editable after a page has been published.

Which of the following is a true statement about email design?

  • a – “The email will render for all email recipients in the same way.”
  • b – “You can easily build streaming video into emails.”
  • c – “Due to differences in email software, not all viewers will see images by default.”
  • d – “Any website code can be dropped into an email to create highly-functional templates.”

Why is making an email viewable as a webpage a helpful feature from a marketing perspective?

  • a – It makes the email easy to share on social media.
  • b – It reduces email loading time.
  • c – It enables navigation in emails.
  • d – Web pages are guaranteed to display accurately, everywhere.

How can you use the Template Builder to help a company brand their emails?

  • A. Include a logo module to bring in their website-wide logo automatically.
  • B. Include space for a brand-related image.
  • C. Include HubL tags that will pull color and font choices from Content Settings.
  • A and B.
  • A, B, and C are correct.

Why is it important to include space for an image in an email template?

  • All email clients will display images before text, creating the best first impression.
  • Including space for an image makes it easier for companies to include small advertisements in each email.
  • Studies show that the brain processes visual imagery dramatically faster than text, keeping readers engaged.
  • An image is the best way to ensures that the email looks professional and stylish.

What question should you be asking yourself when testing an email template on a mobile device?

  • Do images load properly?
  • Is the text legible?
  • Do call-to-action modules work correctly?
  • All of the above.

Why would you use inline styling in an email template rather than a stylesheet?

  • Email stylesheets are often the cause of broken email responsiveness.
  • Stylesheets are rarely supported by email clients.
  • Inline styles help keep content ‘in line’ with the center of the template.
  • Statistically speaking, inline styles result in higher open rates.

True or False: Adding the HTML background-color property to an image will display a color, even if images are turned off.

  • True
  • False

Which of the following is the most important reason to use whitespace, from a marketing perspective?

  • Whitespace reduces eye strain for the visitor.
  • Empty space drives focus to the page elements that matter most.
  • Empty space makes a page look more modern and makes the content more attractive to the visitor.
  • Whitespace makes sure that your designs are not too colorful and distracting.

True or False: A well-designed landing page is like an additional employee that works all hours of the day.

  • True
  • False

True or False: Effective landing pages include a menu navigation.

  • True
  • False

What specific element does HubSpot recommend having on every single page, for lead-generation purposes?

  • A call-to-action
  • The site logo
  • A ‘Contact Us’ link
  • An embedded social media feed

Fill in the blank: calls-to-action should be included in blog posts and ________?

  • a – in the blog header.
  • b – in the blog sidebar.
  • c – in blog post titles.
  • d – in the blog footer.

True or False: Design consistency from the homepage to the rest of the website is important for promoting a good user experience.

  • True
  • False

Fill in the blank: While most pages should be optimized for user interaction, responsive blogs should be first optimized for _________.

  • easy sharing.
  • fast-loading images.
  • readability.
  • shorter content.

True or False: You can only create one blog per domain.

  • True
  • False

Where do you change the layout of individual blog posts?

  • a – This is changed in the Blogging tool, when editing a post.
  • b – This is changed in Content Settings under Blog Layout.
  • c – This cannot be changed.
  • d – This is changed by clicking on the ‘Edit Post Template’ button.

How can you provide the best blog writing experience for your client, Top Chocolate Shop?

  • Guiding the author with helpful module labels.
  • Creating modules that automatically fill in keywords.
  • Enabling rich text options in every new module.
  • Automatically creating blog drafts from the author’s tweets, using HubL.

Which of the following questions does not guide you in creating your website’s user personas?

  • Who would use this content?
  • What devices do they use to browse the Internet?
  • What other sites do they visit?
  • How many times have they visited your site?

“Affordances” can also be described as:

  • visual cues
  • connections
  • preference
  • limitations

Of the following choices, which would be the best way to create a consistent website experience?

  • Keeping the navigation in the same location.
  • Creating only one template for your pages.
  • Adding a border to the sidebar.
  • Using the same CTA button.

True or False: Responsive design relies on predefined screen sizes.

  • True
  • False

Select the correct line of HTML that would activate the phone app of a mobile device.

  • < a href=“tel:+16178675309” target=”_blank”>
  • < a href=“tel:617-867-5309” target=”_blank”>
  • < a href=“call:6178675309” target=”_blank”>
  • < a href=“call:+1-617-867-5309” target=”_blank”>

Which element is most important when writing a CSS media query?

  • Device type
  • Mobile operating system
  • Screen size
  • Image load time

Your new client, Top Chocolate Shop is considering using HubSpot to host their website. Which of the following would you tell them?

  • a – HubSpot has a Content Management System that’s built to make web content creation and editing easy.
  • b – HubSpot contains tools for building responsive and dynamic page, email, and blog templates.
  • c – HubSpot’s CMS integrates your content creation with HubSpot’s marketing analytics and sales tools.
  • d – All of the above.

True or False: Templates built in the Template Editor are automatically mobile-optimized.

  • True
  • False

What are the two principal design tools used for building website page, blog, and email templates in HubSpot?

  • a – The Content Editor and Code Editor
  • b – The Layout Builder and Style Workshop
  • c – The Content Builder and Template Designer
  • d – The Template Builder and Code Editor

What category of templates contains the option to build an Error Page?

  • Alert Templates
  • System Templates
  • Warning Templates
  • Notification Templates

What is the purpose of a global group or module?

  • A. Global groups and modules can be used from any layout within HubSpot.
  • B. Global groups and modules are translated on the page depending on the user’s country of origin.
  • C. When global groups and modules are edited in one location, those changes apply to all instances of their use.
  • A and B are correct.
  • A and C are correct.
  • A, B and C are correct.

Which of the following is a common example of when a global group would be useful?

  • A. Creating a masthead to be used across multiple pages.
  • B. Creating a sidebar for your entire website.
  • C. Formatting a “Contact Us” page.
  • A and B are correct.
  • B and C are correct.
  • A, B and C are correct.

Your client, Top Chocolate Shop, has hired a new marketer named Ethel. Why will placeholder text help Ethel efficiently use your templates?

  • a – Placeholder text allows Ethel to add custom HTML.
  • b – Placeholder text will help Top Chocolate Shop visitors know what information to enter into a form.
  • c – Placeholder text helps Ethel understand a module’s purpose.
  • d – Placeholder text automatically adds in lorem ipsum to show Ethel where to add her content.

Which of the following is NOT the correct method for determining which classes are assigned to a module?

  • Clicking the Help button.
  • Use your browser’s ‘Inspect Element’ feature or a similar browser extension.
  • Clone your layout to raw HTML and read through the code.
  • Publish your page and ‘View Source’.

In which of the following situations would body classes be most valuable?

  • Changing the width of your layout based on screen size.
  • Dropping a shadow behind your sidebar, site-wide.
  • Changing one type of font but not another.
  • Styling different body elements for different types of pages, within a single stylesheet.

Where can you reference a JavaScript library?

  • Within the Site Maps tool, under Content Settings.
  • Within the Site Header or Footer HTML section, under Content Settings.
  • Using the JavaScript module in their template.
  • In the File Manager, by clicking on a .js file and selecting ‘Use in Template.’

By default, new CSS files created in the Code Editor automatically include ‘modules.css’. What does ‘modules.css’ do?

  • a – It ensures that the layout is responsive — without it, nothing will be responsive.
  • b – It ensures that fixed-width modules, such as images or forms, become responsive.
  • c – It creates styling for modules that only applies to desktop devices.
  • d – It adds a ‘View Desktop Site’ link at the bottom of each page.

How can you set the menu display orientation?

  • In Options on a menu module.
  • In Content Settings under Advanced Menu.
  • With a HubL token.
  • It varies depending on the user’s screen size.

Your client Lucy, a marketer at Top Chocolate Shop, wants you to add a CTA to every image in the slider on the homepage so she can generate more leads. How would you respond?

  • You’re correct, Lucy. The more CTAs we can place on the homepage, the more likely it is for a user to click on one.
  • I don’t think that’s the best approach. An extremely small percentage of users are likely to click on CTAs beyond the first CTA in an image slider.
  • You’re right, Lucy. CTAs above the fold are more likely to be seen and so we should add as many CTAs as possible.
  • I’d like to add the CTAs to the image slider, but it’s not possible to have a CTA and image slider in the same space.

Which of the following is true about the HubSpot email tool?

  • a – HubSpot guarantees deliverability to all email addresses.
  • b – HubSpot’s email tool can promote engagement by bypassing SPAM filters.
  • c – HubSpot’s email tool can use JavaScript and other languages to compute logic in emails.
  • d – HubSpot’s email tool collects analytics information which integrates with the contact record in HubSpot.

What’s the most important first step in designing an effective marketing email template?

  • Mocking up the style to have a direction for the layout, colors and fonts.
  • Drafting filler text and adding images to inform the content creator of how to use it.
  • Deciding on the purpose of the template.
  • Cloning an existing template to ensure consistency in all email template designs.

Which of the following is NOT a reason to use descriptive default text in an email?

  • A. Default text gives the content creator an impression of what the finished email will look like.
  • B. Default text helps the content creator know what to write.
  • C. Default text can inform the content creator of each module’s purpose.
  • D. Default text locks the content creator into the inline styling you’ve created.

Which module is required by the Template Builder to be in every email template that you design and why?

  • a – A CAN-SPAM module must be included to give the recipients a way to unsubscribe from marketing emails.
  • b – A view as webpage module must be included on every email template to ensure that every recipient can view the email.
  • c – A logo module must be included as a visual way to identify the email sender.
  • d – A rich text module must be included so that the email content creator has a place to insert the copy for the email.

What is the most important reason to include personalization tokens for lead generation when designing email templates?

  • a – Personalization tokens will change the content of a marketing email based on lead intelligence.
  • b – Personalization tokens automatically pull recipient information from the HubSpot contacts database.
  • c – Personalization tokens can recommend products or services based on social media connections.
  • d – Personalization tokens can be used to address an email to multiple people at once.

True or False: One default module type in HubSpot is an “Email Signature” module.

  • True
  • False

True or False: The mail client Outlook has specific CSS rules for what will and will not render when displaying an email.

  • True
  • False

When designing site architecture and navigation, whose experience should be the primary consideration?

  • a – The designer
  • b – The visitor
  • c – The marketer
  • d – The salesperson

If you were asked to modify a company’s homepage to include content that describes the company’s reputation, which of the following modules would best describe their reputation?

  • a – A module with testimonials from their current customers.
  • b – A module with a video message from with their CEO describing their company’s mission.
  • c – A module sharing the number of Twitter followers that they have.
  • d – A module that lists promotional discounts.

True or False: A logo should link to the homepage in a landing page template design.

  • True
  • False

What is the best way to ensure a customized site footer is consistent across all pages?

  • Add a custom HTML module to each page template that is used in the website.
  • Use the default site footer module and lock it to prevent any changes.
  • Convert a footer to a global group to be reused throughout the page templates.
  • Use the same style on each page’s footer module, to keep colors and fonts the same.

True or False: Since blogs will consistently have new content on the blog listing page, “above-the-fold” content is less important.

  • True
  • False

Your client, Top Chocolate Shop, wants to use their blog as a way to establish their company as a thought leader in the chocolate industry. How can you help them promote thought leadership through your template design?

  • Create a “blogs we read” module so the company can generate external links.
  • Format the blog author’s name to be larger than other text on the page so the authors start to get recognized.
  • Include an “about the author” page or module so readers can see the author’s background and level of expertise on the topic.
  • Provide a “topics” module so the company can showcase how often they write about different chocolate topics.

In addition to the content, a blog should feature a _________________ in order to keep readers engaged with the blog.

  • Picture of the author.
  • A description of the company.
  • Blog subscription module.
  • Image slider.

How is the layout of a Blog Post Template constructed?

  • a – Similar to the Template Builder, using the Blog Post Layout Editor.
  • b – Using HTML to build the structure, with HubL tags to bring in information and specify fields.
  • c – Using a mixture of PHP and CSS code.
  • d – Using Blog Content modules for each section.

True or False: A custom font should not be used on a blog in order to maximize readability.

  • True
  • False

True or False: When designing for your users, your initial site prototype should be written in code.

  • True
  • False

True or False: When designing for your users, your initial site prototype should be written in code.

  • True
  • False

Which of the following best describes how to use the “feedback principle” when designing the user experience?

  • It serves as a way to let users know that their action was completed successfully.
  • You should design a way for users to provide real-time feedback on the website.
  • User feedback provides direction for website design changes.
  • The website should only be designed after receiving feedback on the mockup.

True or False: Nearly half of all emails are opened on a mobile device.

  • True
  • False

True or False: A menu module stacks vertically on smaller screens by default.

  • True
  • False

Where can you modify options such as date format and comments?

  • Content Settings > Blog Settings.
  • Blog Module Options button.
  • Content Settings > Page Publishing Options.
  • Cloning the page to HTML, and editing the associated code.

Recommended For You

HubSpot Design Certification Exam Answers file is a part of HubSpot Bundle. Check our bundle offers to save time and money.