HubSpot Design Certification Exam Answers

100% PASSING SCORE – 70 of 70 CORRECT ANSWERS HubSpot Design Certification Exam Answers

HubSpot Design Certification Exam Answers

The certification is suitable for designers with experience in crafting website pages, templates, and styles. Basic proficiency in writing HTML and CSS are required for completion. This two-part certification will test your proficiency with using HubSpot tools to design. This certification includes six training classes, each around 30 minutes in length.

Take the HubSpot Design Certification to learn how to design on the HubSpot COS (Content Optimization System). This certification is meant for web designers who have, at minimum, an intermediate familiarity with CSS and how it applies to HTML.

What’s in the course?
HubSpot has tons of powerful tools at your disposal. Learn how to unlock the full potential of these tools and how to design custom modules, edit page CSS and alter HTML code.

Who should get certified?
HubSpot Design Certification is meant primarily for web designers who have, at minimum, an intermediate familiarity with CSS and how it applies to HTML. Basic proficiency in writing HTML and CSS are required for completion.

HubSpot Design Certification Exam


Disclaimer: HubSpot trademarks are the property of HubSpot, Inc. This website is not officially affiliated or endorsed by HubSpot in any way.


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


2.) A Primary CSS File is enabled by default on all templates.


3.) According to the Nielsen-Norman Group, image sliders are highly effective tools for converting site visitors into leads.


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


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


6.) How can you set the menu display orientation?


7.) Which module type helps HubSpot customers convert visitors into leads?


8.) In web design terminology, on a responsive website:


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


10.) What are HubL tags?


11.) Which module type will help marketers convert visitors into leads?


12.) What is one function of the ‘Edit CSS’ dropdown menu item?


13.) What is a Flexible Column?


14.) When two modules are grouped, what happens to their associated HTML?


15.) What is the Code Editor?


16.) What does COS stand for?


17.) Your new client, Top Chocolate Shop is considering using the HubSpot COS for their marketing efforts. Which of the following would you tell them about the COS?


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


19.) Why is it better to use an attached stylesheet instead of inline styling, for pages?


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


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


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


23.) What is the HubSpot COS and what does it do?


24.) Why is module placeholder text important to the end user?


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


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


27.) Why should you style email templates with inline styles instead of css stylesheets?


28.) HubSpot emails can also exist as web pages. Why is this important?


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


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


31.) What is CAN-SPAM and why is it a required module for email templates?


32.) According to the US Consumer Device Preference Report, nearly half of all emails are opened on a mobile device.


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


34.) According to the Emails Templates class, a “bullet-proof” CTA is designed with an image.


35.) 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?


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


37.) How can you use the Template Builder to help end users brand their emails?


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


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


40.) True or False: Forms function best when placed on Landing Pages.


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


42.) What specific element does HubSpot recommend for every single page, for lead-generation?


43.) In terms of successful marketing, why is it important to use empty space effectively?


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


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


46.) If you were asked to modify the Home Page for a Company in order to describe the Company’s reputation, which of the following modules would best describe their reputation?


47.) A well-designed Landing Page is like an additional employee that works all hours of the day.


48.) A well-designed Landing Page is like an additional employee that works 24/7.


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


50.) True or false: Design consistency with home page and site pages is important to user experience.


51.) Where are options such as Date Format and Commenting options controlled from?


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


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


54.) Which of the following questions does NOT factor into developing your site’s user personas:


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


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


57.) True or False: You can only create one blog per site with HubSpot’s design tools.


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


59.) Calls-to-Action should be included in Blog Posts and ________?


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


61.) Where do you change layout of individual blog posts?


62.) Where do you change the layout of individual blog posts?


63.) Where do you change the layout of individual blog posts?


64.) What is the feedback principle in relation to designing the user experience?


65.) Of the following choices, which would be the best way to create a consistent site experience?


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


67.) Fill in the blank: According to by Akamai, 40% of people will abandon a webpage if it takes more than _____ seconds to load.


68.) Select the correct line of HTML that activates the phone app of a mobile device.


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


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


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


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


73.) What category of pages contains the option to build an Error Page?


74.) What is a Flexible Area?


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


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


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


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


79.) Where can you reference a JavaScript library?


80.) If a user is interested in utilizing JavaScript libraries, where do they reference them?


81.) Which of these is a reason for using HubSpot for sending emails versus other tools?


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


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


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


85.) Adding the HTML background-color property to an image will display a color, even if images are turned off.


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


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


88.) Which of the following is true about the HubSpot email tool?


89.) A default module type in HubSpot is an “Email Signature” module.


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


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


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


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


94.) When designing site architecture and navigation, which of the following is paramount?


95.) Why does HubSpot recommend customers create websites with the HubSpot design tools instead of other popular CMS platforms?


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


97.) True or False: Effective Landing Pages include site navigation.


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


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


100.) True or false: Since blogs are always changing, content “above-the-fold’ is less important.


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


102.) A client wants to catapult themselves into a thought leader for their industry. As their designer, how can you help to promote a company’s thought leadership through templates?


103.) In order to maximize readability of your blog, you should design using only one color.


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


105.) For the sake of keeping users engaged over time, it is vital that a blog feature a ________ in addition to content.


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


107.) How can the layout of a blog post improve the blog author’s experience?


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


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


110.) Responsive design relies on predefined screen sizes.


111.) Adaptive design relies on predefined screen sizes.


112.) When designing a mobile-optimized menu in HubSpot, the menu stacks vertically on smaller screens by default.


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


114.) 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?


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


116.) What are the two principal design tools used for building site page, blog, and email templates in HubSpot?


117.) What is the purpose of a global group or module?


118.) What is the purpose of a global group or module?


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


120.) Which of the following is not the correct method for determining which classes are assigned to a module?


121.) What option allows you to convert a template to raw code?


122.) What option allows you to copy a template to raw code?


123.) When your CSS style is ready to be previewed, how do you make it available as a choice in the Style Menu?


124.) When your CSS style is ready to be previewed, how do you make it available as a choice in the Style Menu?


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


126.) What is the most important reason to include Personalization Tokens for lead generation when designing email templates?


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


128.) What is the best way to ensure the site footer is consistent across all pages?


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


130.) Affordances can also be described as:


131.) “Affordances” can also be described as:


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


133.) What element is most important when writing a CSS media query?


134.) How is the layout of a Blog Post Template constructed?


135.) How is the layout of a Blog Post Template built?


136.) Why is it important to use descriptive default text?


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