Acquia Site Studio Site Builder key terms
Acquia Site Studio Site Builder · Get comfortable with the vocabulary.
- Site Studio
- Related: Component, Layout, Site Studio Sync
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.
- Component
- Related: Component element, Slot, Component category
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.
- Component element
- Related: Component, WYSIWYG element, Component field
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.
- Component category
- Related: Component, Component library
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.
- Component library
- Related: Component category, Component
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.
- Slot
- Related: Component, Layout canvas
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.
- Layout canvas
- Related: Layout, Slot
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.
- Layout
- Related: Template, Layout canvas, Slot
A reusable page-level structure in Site Studio that defines regions and slots where components are placed, letting many pages share a consistent arrangement.
- Template
- Related: Layout, View mode, Content 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.
- Content template
- Related: Template, View mode
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.
- View mode
- Related: Content template, Template
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.
- Base template
- Related: Template, Layout
A foundational Site Studio template that wraps other layouts and provides shared page chrome, such as header, footer, and region structure, across the site.
- Master template
- Related: Base template, 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.
- Component field
- Related: Component element, WYSIWYG element
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.
- WYSIWYG element
- Related: Component field, Text format
A rich-text component element in Site Studio that gives authors a formatted text editor with configurable toolbar options and allowed HTML tags.
- Text format
- Related: WYSIWYG element, Component field
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.
- UI kit
- Related: Style guide, Design token, Theme
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.
- Style guide
- Related: UI kit, Design token
The Site Studio interface where designers define and preview global styles, including typography, colors, and spacing, that feed the UI kit used by components.
- Design token
- Related: UI kit, Style guide
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.
- Breakpoint
- Related: Responsive styles, UI kit
A viewport width threshold defined in Site Studio at which responsive styles change, allowing components to adapt layout and styling across device sizes.
- Responsive styles
- Related: Breakpoint, Style guide
Per-breakpoint style settings in Site Studio that let a component or layout look different on mobile, tablet, and desktop without separate components.
- Custom style
- Related: Style guide, CSS variable
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.
- CSS variable
- Related: Design token, Custom style
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.
- Theme
- Related: Base theme, Site Studio Sync
A Drupal theme that provides templates, CSS, and libraries for the site; Site Studio requires a compatible theme to render its components and layouts.
- Base theme
- Related: Theme, Site Studio Sync
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.
- Site Studio Sync
- Related: Configuration export, Site Studio
The Site Studio feature that exports component, layout, and style configuration to files and imports them elsewhere, enabling version control and deployment between environments.
- Configuration export
- Related: Site Studio Sync, Configuration import
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.
- Configuration import
- Related: Configuration export, Site Studio Sync
The process of reading Site Studio configuration files into a site, applying exported components, layouts, and styles so environments stay in sync.
- Component duplication
- Related: Component, Component category
A Site Studio action that copies an existing component definition so builders can create a variant quickly, then adjust its elements and styles.
- Component edit form
- Related: Component field, Component element
The authoring interface shown when a component is placed, containing its fields and elements so content editors can enter values for that instance.
- Layout builder mode
- Related: Layout canvas, Layout
A Site Studio editing mode that exposes the layout canvas for placing and arranging components, as opposed to editing only component content fields.
- Page builder
- Related: Layout canvas, Component
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.
- Node template
- Related: Content template, Template, View mode
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.
- Region
- Related: Layout, Slot
A defined area within a layout or base template, such as header or sidebar, into which components or blocks are placed during page assembly.
- Component visibility
- Related: Component, Responsive styles
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.
- Style guide preview
- Related: Style guide, UI kit
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.
- Acquia Cloud environment
- Related: Site Studio Sync, Configuration import
A hosted Acquia platform environment where a Drupal site with Site Studio runs; configuration moves between environments via code deployment and configuration sync.