Digital Glossary

A permanent redirect that sends visitors and search engines from an old URL to a new one. Essential for preserving SEO value when restructuring a website or migrating content.

A streamlined editing interface that allows content managers and collaborators to update website content visually, within the context of the live site layout. It is ideal for teams who need to edit text, images, and page structure without touching the underlying code. When paired with a componentised design system, content editors can assemble and rearrange pages using pre-built components.

Reusable style labels assigned to HTML elements such as buttons, headings, or cards. When you update a class, every element sharing that class reflects the change, keeping your design consistent across the entire site.

Structured groups of related content within a CMS. Each collection (e.g., blog posts, case studies, team members) holds a set of content items with shared fields such as title, image, summary, and category. Collections can power dynamic detail pages or serve as a structured data source throughout the site.

A platform that allows non-technical users to create, organise, and publish digital content, such as blog posts, case studies, or team profiles, without writing code. A CMS provides a structured content framework, and the website automatically displays that content in the appropriate layout.

Individual entries within a content collection. Each item, such as a blog post, a project, or a testimonial, follows the structure defined by its collection and is used to populate detail pages and listing layouts automatically.

Automatically generated pages for each content item in a collection. You design the page template once, and the system creates a unique page for every entry, ensuring visual consistency while scaling your content effortlessly.

Additional CSS classes layered on top of a base class to create style variations. For example, applying Button + Button--Secondary produces a styled variant without duplicating the original styles.

Configurable inputs on a component that allow you to customise specific content or styles, such as text, images, links, or icons, for each instance without altering the base layout. Properties enable components to be reused flexibly across an entire site while maintaining structural consistency.

Reusable building blocks that maintain consistent content and layout across a website, such as navigation bars, footers, and card layouts. Components can be made more flexible through component properties, allowing specific content like text or images to be customised per instance without affecting the underlying structure.

Alternative versions of the same component with different visual styles or layouts. For example, a Card component might have light and dark variants, or a Button component might offer primary and secondary styles. Variants maintain design consistency while providing the flexibility to suit different contexts.

A method of inserting raw HTML, CSS, or JavaScript directly into a web page to extend functionality beyond what standard site-building tools provide. Commonly used for third-party integrations, custom animations, or specialised interactive features.

A structured collection of design standards, reusable components, styles, and guidelines that ensure visual and functional consistency across a website or product. Design systems typically include colour palettes, typography scales, spacing rules, button styles, and reusable UI patterns. A well-maintained design system enables teams to build faster, collaborate more effectively, and scale with confidence.

The space outside an element, between its border and surrounding elements. Margins are used to control the spacing and separation between elements on a page, helping to create a clean, well-structured layout.

A panel or tool that displays the hierarchical structure of a web page in a tree-like view. It shows how HTML elements are nested, such as sections, containers, divs, and components, making it easier to organise, select, and debug elements, especially in complex or deeply layered layouts.

The space inside an element, between its content and its border. Padding creates breathing room around text, images, or other content within containers, making layouts more readable and visually balanced.

Code injected into the <head> or before the closing </body> tag of a web page. Typically used for analytics tracking (e.g., Google Analytics), marketing pixels, schema markup, or third-party integrations that need to load site-wide or on specific pages.

The process of pushing your website from a development or staging environment to a live production server. Deployment can target a staging URL for internal review or a custom domain for public access.

A structural HTML element used to group related content into meaningful vertical blocks, such as hero areas, service overviews, testimonials, or footers. Sections help organise a page and can be styled individually with spacing, background colours, or imagery.

A secondary, non-public version of your website used for previewing changes, testing new features, and conducting quality assurance before deploying to the live production site.

Named values, such as --color-primary or --spacing-large, that store reusable design properties like colours, font sizes, and spacing. Instead of repeating the same value in multiple places, you define it once as a variable. When you update the variable, every instance where it is used updates automatically. This approach is especially valuable for maintaining consistency in large projects or when working with design systems.

Specific screen width thresholds at which a website's layout adapts to provide an optimal viewing experience. Common breakpoints include:

• Desktop: 992px and above
• Tablet: 768px to 991px
• Mobile Landscape: 480px to 767px
• Mobile Portrait: Up to 479px

Custom breakpoints can also be defined for more granular control over how content displays across different devices.

A graphical interface for building websites where you can structure content, style elements, and configure interactions visually, bridging the gap between design and production-ready HTML and CSS.

A centralised environment for managing projects, team members, permissions, and billing. Workspaces help organisations keep their digital projects organised and provide role-based access control for collaborators.