> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inploi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Build and manage your careers site content in Studio

# CMS

The inploi CMS is where you build and manage every page on your careers site. It works like a visual page builder: pages are made up of sections, sections contain columns, and columns hold content blocks. No code is required.

Everything on your site — from the home page and job search to campaign landing pages and the footer — is created and maintained here.

<CardGroup cols={3}>
  <Card title="Pages" icon="file" href="/studio/cms/pages/managing-pages">
    Create and manage the pages that make up your careers site
  </Card>

  <Card title="Themes" icon="palette" href="/studio/cms/themes">
    Control your site's colours, fonts, and visual style
  </Card>

  <Card title="Prefabs" icon="layer-group" href="/studio/cms/prefabs">
    Save reusable sections and keep them in sync across pages
  </Card>

  <Card title="Templates" icon="rectangles-mixed" href="/studio/cms/templates">
    Start quickly with pre-built section designs from inploi
  </Card>

  <Card title="Uploads" icon="upload" href="/studio/cms/uploads">
    Manage images, videos, fonts, and other media files
  </Card>

  <Card title="Glossary" icon="book" href="/studio/cms/glossary">
    Look up any CMS term — page, section, block, prefab, and more
  </Card>

  <Card title="Naming conventions" icon="tag" href="/studio/cms/naming-conventions">
    Name pages, sections, uploads, and other CMS items consistently
  </Card>
</CardGroup>

<Note>
  New to the CMS? The terms used throughout these pages — **section**, **column**, **block**, **slug**, **prefab** — are all defined in the [glossary](/studio/cms/glossary).
</Note>

## How the CMS works

Every page on your careers site is built from three levels of structure:

* **Sections** — full-width rows that stack vertically down the page. Each section can have a background colour, image, or video.
* **Columns** — sections are divided into columns using a 12-column grid. You control how wide each column appears on desktop, tablet, and mobile.
* **Blocks** — the actual content inside each column: text, images, job search, navigation, videos, buttons, and more.

Sections can be created from scratch, copied from a saved **Prefab**, or started from a **Template** provided by inploi.

<Note>
  **Data-driven pages:** some pages show live data rather than fixed content — most commonly a **job detail page**, a single template that renders any job by its ID. This is done with **Resources** and dynamic slugs. See [Resources and dynamic pages](/studio/cms/pages/resources-and-dynamic-pages) and [Creating a job detail page](/studio/cms/faqs/create-a-job-detail-page).
</Note>

<Note>
  **A worked example we'll reuse:** suppose you're building a graduate careers landing page at `/graduate-roles`. You'd add a hero **section** with a heading **block**, a second section split into two **columns** for text and an image, and a **Job Search** block filtered to graduate roles. The same building blocks make up every page on your site.
</Note>

## What each CMS area is for

| Area          | What it does                                                   |
| ------------- | -------------------------------------------------------------- |
| **Pages**     | Create, edit, and publish every page on the site               |
| **Themes**    | Set colours, fonts, and component styles that apply site-wide  |
| **Prefabs**   | Save sections as reusable components shared across pages       |
| **Templates** | Browse and insert pre-built section layouts provided by inploi |
| **Uploads**   | Store and manage all images, videos, fonts, and documents      |

<Note>
  Site-wide settings such as the cookie consent banner, favicon, and accessibility widget are configured in **Settings → Company**, not in the CMS.
</Note>