I85PREP
⌘ K
Acquia Site Studio Site Builder study materials
Acquia Site Studio Site Builder study resources

Acquia Site Studio Site Builder practice questions

One question at a time. Build your Acquia Site Studio Site Builder understanding.

First 50 of 200 questions. Each one lists the choices, the correct answer, and an explanation. The checker at the top of this page saves progress in this browser when it is available.

Continue in the practice tool above to load more questions, 50 at a time.

Question 1Site Studio fundamentals

In Site Studio, what is the primary purpose of a Component?

  1. To store database backups
  2. To manage user roles and permissions
  3. To configure server caching layers
  4. To define a reusable piece of content with editable fields Correct answer.

Explanation

Components are reusable building blocks that bundle markup and editable fields so content authors can place structured content in layouts. They are not responsible for backups, permissions, or server caching.

Question 2Site Studio fundamentals

Which Site Studio element is used to arrange other elements into rows and columns on a page?

  1. Style guide
  2. Font stack
  3. Layout canvas Correct answer.
  4. Token

Explanation

The layout canvas is the visual editing area where elements are placed and arranged into structural containers such as rows and columns. Style guides, tokens, and font stacks support styling rather than page arrangement.

Question 3Site Studio fundamentals

What does a Site Studio Token typically store?

  1. A user's login session identifier
  2. A list of enabled Drupal modules
  3. A reusable value such as a color or spacing measurement Correct answer.
  4. A scheduled content publication date

Explanation

Tokens are named variables holding reusable values like colors, spacing, or typography settings that can be referenced across styles. They do not store publication schedules, module lists, or session data.

Question 4Site Studio fundamentals

A content editor needs to add a prebuilt visual block into a page using the Site Studio interface. Which action accomplishes this?

  1. Dragging a component from the sidebar onto the layout canvas Correct answer.
  2. Running a database update script
  3. Editing the site's settings.php file
  4. Clearing the Drupal cache

Explanation

Site Studio's sidebar exposes components and elements that can be dragged onto the layout canvas to build pages visually. File edits, database scripts, and cache clearing do not add visual blocks.

Question 5Site Studio fundamentals

What is a Style Guide in Site Studio?

  1. A report listing accessibility violations
  2. A checklist for content editors before publishing
  3. A collection of reusable visual styles applied across the site Correct answer.
  4. A backup of the theme's template files

Explanation

A style guide centralizes reusable styles such as typography, colors, and spacing so they stay consistent across components and pages. It is not an accessibility report, editorial checklist, or template backup.

Question 6Site Studio fundamentals

Which statement best describes the relationship between Site Studio and Drupal's theme layer?

  1. Site Studio replaces Drupal entirely and runs without core
  2. Site Studio generates and manages theme assets based on its configuration Correct answer.
  3. Site Studio disables all Drupal theming functions
  4. Site Studio only works with contributed administration themes

Explanation

Site Studio builds on Drupal and compiles its configuration into theme assets such as CSS and templates that Drupal renders. It does not replace Drupal core, restrict themes to admin themes, or disable theming functions.

Question 7Site Studio fundamentals

What is the purpose of a Component's editable fields?

  1. To lock the component from further editing
  2. To set the component's file permissions
  3. To expose content inputs that authors fill in per instance Correct answer.
  4. To define the component's database table schema

Explanation

Editable fields define the inputs, such as text or media, that content authors populate each time they place the component. They do not lock editing, define database schemas, or set file permissions.

Question 8Site Studio fundamentals

Which Site Studio concept allows a designer to define responsive behavior for an element?

  1. Workflow states on the content item
  2. Menu link weights
  3. Breakpoints configured in the style settings Correct answer.
  4. Revision log messages

Explanation

Breakpoints define viewport thresholds that let styles and layouts adapt responsively. Workflow states, revision logs, and menu weights are content and navigation concerns, not responsive design controls.

Question 9Site Studio fundamentals

An author wants to reuse the same hero banner design across multiple pages while changing the headline each time. Which approach fits best?

  1. Hard-code the headline in the global CSS file
  2. Create a separate page template for each headline
  3. Duplicate the entire site for each headline
  4. Build a hero component with an editable headline field and place it on each page Correct answer.

Explanation

A component with an editable headline field lets authors reuse one design while supplying different content per placement. Separate templates, CSS edits, and site duplication create unnecessary maintenance overhead.

Question 10Site Studio fundamentals

What happens when a change is made to a shared style guide value used by many components?

  1. The change applies only to unpublished pages
  2. Only the component last edited reflects the change
  3. Every component referencing that value reflects the change Correct answer.
  4. The change is ignored until each component is recreated

Explanation

Because style guide values are shared references, updating one value propagates to all components that use it. The change is not limited to a single component, does not require recreation, and is not restricted to unpublished pages.

Question 11Site Studio fundamentals

Which element would you use to apply a consistent typographic scale across a Site Studio site?

  1. A taxonomy vocabulary
  2. A contact form element
  3. A base font and typography style definitions Correct answer.
  4. A URL redirect rule

Explanation

Typography styles define base fonts and a scale that can be applied consistently site-wide. Forms, taxonomy vocabularies, and redirects serve unrelated purposes.

Question 12Site Studio fundamentals

A developer wants a component to appear differently on mobile than on desktop. What is the appropriate Site Studio mechanism?

  1. Add a second database connection
  2. Disable caching for mobile users
  3. Use breakpoint-specific style settings on the element Correct answer.
  4. Create two separate Drupal sites

Explanation

Breakpoint-specific style settings let one element render differently at defined viewport widths. Separate sites, cache changes, and database connections do not address responsive presentation.

Question 13Site Studio fundamentals

What is the role of a page template in Site Studio?

  1. It schedules cron jobs
  2. It configures email gateways
  3. It stores user passwords
  4. It defines the overall structure into which content is placed Correct answer.

Explanation

A page template establishes the structural regions, such as header, content, and footer, where content and components are placed. Passwords, cron scheduling, and email gateways are handled elsewhere in Drupal.

Question 14Site Studio fundamentals

Which practice best keeps a Site Studio component maintainable over time?

  1. Embedding inline styles in every instance
  2. Duplicating the component for each page
  3. Removing all editable fields
  4. Basing styles on shared style guide values and tokens Correct answer.

Explanation

Referencing shared style guide values and tokens centralizes styling so updates propagate and stay consistent. Inline styles, duplication, and removing fields all increase maintenance burden.

Question 15Site Studio fundamentals

How does Site Studio handle the CSS it generates from configuration?

  1. It requires manual copying of CSS into a text editor
  2. It stores CSS only in the database with no output
  3. It compiles configuration into CSS assets used by the theme Correct answer.
  4. It sends CSS to an external CDN automatically

Explanation

Site Studio compiles its style configuration into CSS assets that the theme loads. Manual copying, automatic CDN delivery, and database-only storage do not describe its output behavior.

Question 16Site Studio fundamentals

An editor reports that a newly created component does not appear in the sidebar. Which is the most likely cause?

  1. The server's clock is out of sync
  2. The database has been deleted
  3. The component has not been saved and enabled for use Correct answer.
  4. The site's domain has expired

Explanation

Components must be saved and made available before they appear as options in the sidebar. Clock drift, database deletion, and domain expiry would cause broader failures rather than a single missing component.

Question 17Site Studio fundamentals

What is the purpose of a token reference inside a style definition?

  1. To embed executable JavaScript
  2. To register a new URL alias
  3. To insert a shared value so styles stay consistent Correct answer.
  4. To create a new database index

Explanation

Referencing a token inserts a shared value such as a color into a style, keeping definitions consistent and centrally updatable. Tokens do not execute scripts, create indexes, or register aliases.

Question 18Site Studio fundamentals

Which approach lets content authors build a landing page without writing code?

  1. Modifying the .htaccess file
  2. Using the layout canvas with components and elements Correct answer.
  3. Writing custom SQL queries
  4. Editing PHP templates directly

Explanation

The layout canvas provides a visual, code-free way to assemble pages from components and elements. PHP edits, .htaccess changes, and SQL queries all require technical intervention.

Question 19Site Studio fundamentals

A component's styles should adapt to a brand refresh that changes the primary color. What is the most efficient change?

  1. Edit the primary color token value Correct answer.
  2. Add inline color styles to each instance
  3. Create a new site for the refreshed brand
  4. Rewrite every component from scratch

Explanation

Updating the primary color token propagates the new value to every style that references it. Rebuilding components, adding inline styles, or creating a new site is far less efficient.

Question 20Site Studio fundamentals

Which statement accurately describes a Site Studio element?

  1. Elements are only usable inside Drupal's Views module
  2. Elements are building blocks placed on the layout canvas Correct answer.
  3. Elements cannot contain other elements
  4. Elements replace the need for any CSS

Explanation

Elements are the building blocks, such as containers, text, and images, that are placed on the layout canvas. They are not tied solely to Views, do not eliminate CSS, and can contain nested elements.

Question 21Site Studio fundamentals

A team wants consistent spacing between sections across an entire site. Which Site Studio feature best supports this?

  1. A separate CSS file per page
  2. Randomized padding values per page
  3. Manual measurement of each page
  4. Spacing tokens referenced by section styles Correct answer.

Explanation

Spacing tokens define reusable measurement values that section styles reference, producing consistent spacing site-wide. Random values, per-page CSS, and manual measurement undermine consistency.

Question 22Site Studio fundamentals

Why is it preferable to define responsive styles through breakpoints rather than duplicating components per device?

  1. Breakpoints keep one component as the single source of truth for all viewports Correct answer.
  2. Breakpoints remove the need for any testing
  3. Duplicate components load faster on every device
  4. Duplicate components reduce the CSS payload

Explanation

Breakpoint-based styles keep a single component definition that adapts across viewports, avoiding divergence between duplicates. Duplicates increase maintenance and payload rather than reduce it.

Question 23Site Studio fundamentals

A component is reused on many pages, and a structural markup change is required. What is the consequence of editing the shared component?

  1. The change applies only to the page being viewed
  2. The change applies wherever the component is used Correct answer.
  3. The component becomes read-only
  4. Each page must be individually rebuilt afterward

Explanation

Editing a shared component updates its markup everywhere it is used, which is why shared components must be changed carefully. The effect is not limited to one page, does not require rebuilding each page, and does not make the component read-only.

Question 24Site Studio fundamentals

Which combination best supports a scalable Site Studio design system?

  1. Hard-coded values scattered across templates
  2. Inline styles, duplicated components, and per-page overrides
  3. A single monolithic CSS file and no tokens
  4. Tokens for values, style guides for reusable styles, and components for structure Correct answer.

Explanation

A scalable design system layers tokens for raw values, style guides for reusable styles, and components for reusable structure. Inline styles, duplication, monolithic CSS, and scattered hard-coded values all resist change.

Question 25Site Studio fundamentals

A developer changes a token value, but one element still shows the old color because the element has a hard-coded color. What does this reveal about token usage?

  1. Hard-coded values always override tokens by design
  2. Tokens cannot be edited after creation
  3. Tokens apply only to unpublished content
  4. Tokens only propagate to styles that reference them Correct answer.

Explanation

Token changes propagate only where the token is referenced; a hard-coded value bypasses the token entirely. Tokens remain editable, do not automatically lose to hard-coded values by design, and are not limited to unpublished content.

Question 26Site Studio fundamentals

Which Site Studio feature allows you to define reusable values such as colors and spacing that can be referenced throughout a site?

  1. Style guide Correct answer.
  2. Component
  3. Layout canvas
  4. Page template

Explanation

A style guide stores design tokens (e.g., colors, fonts, spacing) that components and elements can reference, ensuring consistency across the site. Components and page templates use these values but do not define them centrally.

Question 27Site Studio fundamentals

What is the primary purpose of a component in Site Studio?

  1. To define the overall site navigation menu
  2. To manage user permissions for content editing
  3. To provide a reusable, configurable piece of UI that can be placed on pages Correct answer.
  4. To store the site's database configuration

Explanation

Components are reusable UI elements with editable fields that authors can place on pages. They encapsulate structure, style, and content fields for consistency.

Question 28Site Studio fundamentals

Which statement best describes a page template in Site Studio?

  1. It is a single instance of a component with filled-in content.
  2. It is a CSS file generated from the style guide.
  3. It defines the regions and layout where components can be placed for a type of page. Correct answer.
  4. It is a JavaScript file that adds interactivity to components.

Explanation

A page template provides the structural layout and regions for a page type, and authors populate it with components. It is not a content instance or an asset file.

Question 29Site Studio fundamentals

What is the role of an element in Site Studio?

  1. It is a configuration entity that stores API keys.
  2. It is a user role that grants editing access.
  3. It is a container that holds multiple components in a layout.
  4. It is a low-level building block that defines markup and styles for a specific HTML structure. Correct answer.

Explanation

Elements are the smallest reusable units in Site Studio, defining HTML markup and associated styles. Components and templates are built using elements.

Question 30Site Studio fundamentals

Which Site Studio feature allows content authors to build a page by dragging and dropping components without writing code?

  1. Layout canvas Correct answer.
  2. Component library
  3. Token browser
  4. Style guide

Explanation

The layout canvas is the visual editing area where authors drag components and arrange them on a page. It provides a no-code building experience.

Question 31Site Studio fundamentals

What is the purpose of breakpoints in Site Studio?

  1. To define screen widths at which styles change for responsive design Correct answer.
  2. To limit the number of users who can edit a page
  3. To set the maximum number of components allowed on a page
  4. To schedule when content is published

Explanation

Breakpoints are defined widths (e.g., mobile, tablet, desktop) that trigger different styles, enabling responsive design. They do not control content limits or publishing schedules.

Question 32Site Studio fundamentals

Which statement accurately describes how Site Studio generates CSS?

  1. It compiles styles from configuration into CSS files that are served to the browser. Correct answer.
  2. It relies on a third-party CDN to generate CSS on the fly.
  3. It requires developers to manually write all CSS in a theme file.
  4. It writes inline styles directly into the database for each page.

Explanation

Site Studio compiles the styles defined in its configuration (style guide, components, elements) into CSS files. These files are then served like any other asset.

Question 33Site Studio fundamentals

What is a token in Site Studio?

  1. A placeholder for dynamic content in a component
  2. A unit of measurement for font sizes
  3. A named value from the style guide that can be referenced in styles Correct answer.
  4. A security key used for API authentication

Explanation

Tokens are named design values (e.g., colors, spacing) stored in the style guide and referenced in styles to ensure consistency. They are not security keys or content placeholders.

Question 34Site Studio fundamentals

An author wants to create a new component that includes a heading and a paragraph. Which approach is most appropriate?

  1. Add the heading and paragraph directly to the style guide.
  2. Create a component with two editable fields, one for the heading and one for the paragraph. Correct answer.
  3. Create two separate components, one for the heading and one for the paragraph, and place them together.
  4. Use a page template to hard-code the heading and paragraph.

Explanation

A component can contain multiple editable fields, allowing authors to edit both the heading and paragraph within a single reusable unit. This keeps related content together and simplifies editing.

Question 35Site Studio fundamentals

A developer updates a color token in the style guide, but one component still displays the old color. What is the most likely reason?

  1. The component is not assigned to a page template.
  2. The component is not published.
  3. The style guide cache has not been cleared.
  4. The component's style has a hard-coded color value instead of referencing the token. Correct answer.

Explanation

If a style uses a hard-coded value rather than a token reference, changing the token will not affect that style. The component must reference the token for the update to apply.

Question 36Site Studio fundamentals

Which Site Studio feature would you use to ensure consistent spacing between sections across an entire site?

  1. Page template regions
  2. Component duplication
  3. Style guide spacing tokens Correct answer.
  4. Layout canvas grid

Explanation

Spacing tokens in the style guide provide a centralized set of spacing values that can be applied consistently to margins and padding across components. This ensures uniformity site-wide.

Question 37Site Studio fundamentals

What is the benefit of using breakpoints to define responsive styles rather than creating separate components for each device?

  1. It eliminates the need for CSS entirely.
  2. It reduces duplication and keeps a single source of truth for the component's design. Correct answer.
  3. It allows the component to be edited only on desktop.
  4. It automatically generates mobile-specific components.

Explanation

Breakpoints allow a single component to adapt its styles at different screen widths, avoiding duplicate components and maintaining a single source of truth. This simplifies maintenance and ensures consistency.

Question 38Site Studio fundamentals

A component is used on many pages, and a structural markup change is required. What is the consequence of editing the component's markup directly?

  1. The component will be duplicated automatically.
  2. Only the instances on the current page will be updated.
  3. The change will affect all instances of the component across the site. Correct answer.
  4. The change will be applied only to new instances.

Explanation

Components are shared entities; editing the component definition updates all instances that use it. This is efficient but requires caution because it impacts every page using the component.

Question 39Site Studio fundamentals

Which practice best supports a scalable design system in Site Studio?

  1. Creating a unique component for every page section.
  2. Using page templates to store all content directly.
  3. Defining a comprehensive style guide with tokens and using them consistently in components. Correct answer.
  4. Hard-coding styles in each component to avoid dependencies.

Explanation

A robust style guide with tokens ensures consistency and makes it easy to update designs globally. Components should reference these tokens rather than hard-coding values.

Question 40Site Studio fundamentals

What happens when a new component is created but does not appear in the component library for authors?

  1. The component may not be published or may not be assigned to the correct category. Correct answer.
  2. The style guide is missing a token.
  3. The page template is not published.
  4. The component's CSS has not been generated yet.

Explanation

Components must be published and properly categorized to appear in the component library for authors. Unpublished or uncategorized components are hidden from the selection interface.

Question 41Site Studio fundamentals

Which Site Studio entity is responsible for defining the overall HTML document structure, such as the header and footer regions?

  1. Component
  2. Element
  3. Style guide
  4. Page template Correct answer.

Explanation

Page templates define the overall layout and regions (e.g., header, footer, content) for a page type. Components and elements are placed within these regions.

Question 42Site Studio fundamentals

An author wants to change the background color of a specific component instance without affecting other instances. What is the recommended approach?

  1. Modify the style guide token for the background color.
  2. Create a new component for that instance.
  3. Edit the component's master styles to change the background color.
  4. Use a component field that allows selecting a style variant or custom class for that instance. Correct answer.

Explanation

Component fields can expose options like style variants or custom classes, allowing per-instance customization without altering the shared component definition. This preserves consistency for other instances.

Question 43Site Studio fundamentals

What is the purpose of the layout canvas in Site Studio?

  1. To provide a visual interface for arranging components on a page Correct answer.
  2. To manage user roles and permissions
  3. To define the site's color palette
  4. To configure database connections

Explanation

The layout canvas is the visual editor where authors drag and drop components to build pages. It is not used for design token definition or administrative settings.

Question 44Site Studio fundamentals

Which statement about elements and components is correct?

  1. Components are used to build elements, which are then placed on pages.
  2. Elements and components are interchangeable terms.
  3. Elements are only used in page templates, not in components.
  4. Elements are used to build components, which are then placed on pages. Correct answer.

Explanation

Elements are the fundamental building blocks that define markup and styles; components are composed of elements and provide editable fields for authors. This hierarchy enables reuse and consistency.

Question 45Site Studio fundamentals

A developer wants to apply a consistent typographic scale across a Site Studio site. Which approach is most effective?

  1. Set font sizes individually in each component's styles.
  2. Use inline styles for each heading.
  3. Define font size tokens in the style guide and use them in element styles. Correct answer.
  4. Rely on the browser's default font sizes.

Explanation

Font size tokens in the style guide provide a centralized scale that can be applied consistently across elements. This makes global typography changes easy and ensures uniformity.

Question 46Site Studio fundamentals

What is the effect of changing a style guide token value that is referenced by many components?

  1. All components referencing that token will update to the new value. Correct answer.
  2. The change will be queued until the next deployment.
  3. Only components on the home page will update.
  4. Components will break and need to be recreated.

Explanation

Tokens are referenced by components; changing a token updates all styles that use it, ensuring global consistency. This is a key benefit of using a style guide.

Question 47Site Studio fundamentals

Which scenario best demonstrates the use of a component's editable fields?

  1. An author changes the text of a call-to-action button on one page. Correct answer.
  2. An administrator configures a new breakpoint.
  3. A developer modifies the component's HTML structure.
  4. A designer updates the style guide's primary color.

Explanation

Editable fields allow authors to change content (like button text) per instance without altering the component's structure or styles. This is the primary purpose of fields.

Question 48Site Studio fundamentals

A team wants to ensure that a component's styles adapt to a brand refresh that changes the primary color. What is the most efficient change?

  1. Create a new component with the new color and replace all instances.
  2. Edit each component to replace the old color with the new one.
  3. Add a CSS override in the theme.
  4. Update the primary color token in the style guide. Correct answer.

Explanation

Updating the primary color token in the style guide automatically propagates to all components that reference it, making it the most efficient and consistent approach.

Question 49Site Studio fundamentals

Which combination of Site Studio features best supports a scalable design system?

  1. Page templates with embedded content, inline styles, and no components.
  2. A single component for all content, no tokens, and manual CSS overrides.
  3. Style guide with tokens, reusable components with editable fields, and page templates for layout. Correct answer.
  4. Unique components for each page, hard-coded styles, and no style guide.

Explanation

A scalable design system relies on centralized tokens (style guide), reusable components with fields for content variation, and page templates for consistent layout. This combination promotes maintainability and consistency.

Question 50Site Studio fundamentals

A developer changes a token value, but one element still shows the old color because the element has a hard-coded color. What is the best solution?

  1. Recreate the element from scratch.
  2. Replace the hard-coded color in the element's style with a reference to the token. Correct answer.
  3. Clear the Site Studio cache.
  4. Change the token value again.

Explanation

To ensure the element responds to token changes, its style must reference the token instead of a hard-coded value. Clearing cache or recreating the element does not address the root cause.