Acquia Site Studio Site Builder study materials
Acquia Site Studio Site Builder study resources

Acquia Site Studio Site Builder key terms

Acquia Site Studio Site Builder · Get comfortable with the vocabulary.

Site Studio

Acquia's low-code visual page-building tool that lets marketers assemble pages from reusable components and layouts without writing code, while storing configuration in exportable site configuration.

Related: Component, Layout, Site Studio Sync
Component

A reusable, configurable building block in Site Studio that renders a specific piece of content or UI, such as a hero banner or card, and is placed into layouts or other components.

Related: Component element, Slot, Component category
Component element

An individual editable field or structural element inside a component definition, such as a text field, image, link, or container, that authors fill in when placing the component.

Related: Component, WYSIWYG element, Component field
Component category

A grouping label used to organize components in the Site Studio sidebar so builders can find related components quickly, for example Hero, Card, or Call to action.

Related: Component, Component library
Component library

The full collection of components defined in a Site Studio installation, browsable by category, from which builders drag items onto a layout or page canvas.

Related: Component category, Component
Slot

A named drop zone inside a component or layout where other components can be nested, allowing one component to accept child components and enabling composition.

Related: Component, Layout canvas
Layout canvas

The drag-and-drop editing surface in Site Studio where builders place components, arrange them into rows and columns, and preview how the page will render.

Related: Layout, Slot
Layout

A reusable page-level structure in Site Studio that defines regions and slots where components are placed, letting many pages share a consistent arrangement.

Related: Template, Layout canvas, Slot
Template

A Site Studio configuration that maps a content entity type and view mode to a layout, controlling how that content is rendered across the site.

Related: Layout, View mode, Content template
Content template

A template type in Site Studio applied to a specific content type and view mode, so every node of that type renders through the same component-based layout.

Related: Template, View mode
View mode

A Drupal display configuration such as Full or Teaser that determines which fields and formatting are shown; Site Studio templates are assigned per view mode.

Related: Content template, Template
Base template

A foundational Site Studio template that wraps other layouts and provides shared page chrome, such as header, footer, and region structure, across the site.

Related: Template, Layout
Master template

The top-level template in a Site Studio template hierarchy that defines the overall page shell into which content templates and layouts are inserted.

Related: Base template, Template
Component field

A configurable input on a component definition, such as text, rich text, link, image, or select, whose value is supplied by the author when the component is placed.

Related: Component element, WYSIWYG element
WYSIWYG element

A rich-text component element in Site Studio that gives authors a formatted text editor with configurable toolbar options and allowed HTML tags.

Related: Component field, Text format
Text format

A Drupal input filter configuration that controls which HTML tags and editor features are permitted in rich-text fields, including those used by Site Studio components.

Related: WYSIWYG element, Component field
UI kit

A Site Studio feature that defines shared design tokens such as colors, fonts, spacing, and breakpoints, which components reference so styling stays consistent and centrally editable.

Related: Style guide, Design token, Theme
Style guide

The Site Studio interface where designers define and preview global styles, including typography, colors, and spacing, that feed the UI kit used by components.

Related: UI kit, Design token
Design token

A named style value, such as a color, font size, or spacing unit, stored in the UI kit and reused by components so a single change updates styling everywhere.

Related: UI kit, Style guide
Breakpoint

A viewport width threshold defined in Site Studio at which responsive styles change, allowing components to adapt layout and styling across device sizes.

Related: Responsive styles, UI kit
Responsive styles

Per-breakpoint style settings in Site Studio that let a component or layout look different on mobile, tablet, and desktop without separate components.

Related: Breakpoint, Style guide
Custom style

A named CSS class or style rule defined in Site Studio and attached to components or elements, letting builders apply consistent visual treatments without editing theme files.

Related: Style guide, CSS variable
CSS variable

A CSS custom property emitted by Site Studio from UI kit tokens, allowing component styles to reference shared values that update automatically when tokens change.

Related: Design token, Custom style
Theme

A Drupal theme that provides templates, CSS, and libraries for the site; Site Studio requires a compatible theme to render its components and layouts.

Related: Base theme, Site Studio Sync
Base theme

A Drupal theme that supplies foundational templates and styles which another theme extends; Site Studio's own theme can serve as a base for custom themes.

Related: Theme, Site Studio Sync
Site Studio Sync

The Site Studio feature that exports component, layout, and style configuration to files and imports them elsewhere, enabling version control and deployment between environments.

Related: Configuration export, Site Studio
Configuration export

The process of writing Site Studio settings, such as components and templates, to configuration files so they can be committed to code and deployed to other environments.

Related: Site Studio Sync, Configuration import
Configuration import

The process of reading Site Studio configuration files into a site, applying exported components, layouts, and styles so environments stay in sync.

Related: Configuration export, Site Studio Sync
Component duplication

A Site Studio action that copies an existing component definition so builders can create a variant quickly, then adjust its elements and styles.

Related: Component, Component category
Component edit form

The authoring interface shown when a component is placed, containing its fields and elements so content editors can enter values for that instance.

Related: Component field, Component element
Layout builder mode

A Site Studio editing mode that exposes the layout canvas for placing and arranging components, as opposed to editing only component content fields.

Related: Layout canvas, Layout
Page builder

The Site Studio interface where editors assemble individual pages by dragging components onto a canvas, typically used for landing pages that are not tied to a content template.

Related: Layout canvas, Component
Node template

A Site Studio template assigned to a content type so that nodes of that type render through a chosen layout instead of default Drupal field rendering.

Related: Content template, Template, View mode
Region

A defined area within a layout or base template, such as header or sidebar, into which components or blocks are placed during page assembly.

Related: Layout, Slot
Component visibility

Rules in Site Studio that control whether a component appears based on conditions such as breakpoint, user role, or content values, hiding it when not applicable.

Related: Component, Responsive styles
Style guide preview

A Site Studio view that renders sample markup using current UI kit tokens so designers can verify colors, typography, and spacing before applying them site-wide.

Related: Style guide, UI kit
Acquia Cloud environment

A hosted Acquia platform environment where a Drupal site with Site Studio runs; configuration moves between environments via code deployment and configuration sync.

Related: Site Studio Sync, Configuration import