[Intum Help](https://intum.com/help.md) / [CMS](https://intum.com/help/cms.md) # [Templates](https://intum.com/help/cms/templates.md) ## What Are Templates? Templates (layouts) define the appearance and HTML structure of pages and paragraphs. A template contains the page skeleton (header, navigation, footer, CSS styles) with a placeholder for content — marked with the `{{ content }}` tag. ## Template Types - **Page templates** (`kind: page`) — wrap the entire page in an HTML layout (e.g., ``, ``, navigation, footer) - **Paragraph templates** (`kind: paragraph`) — define the appearance of individual content blocks ## Key Features - **`{{ content }}` placeholder** — a required tag in page templates where the system inserts the page content - **Template code** — a unique identifier for referencing from pages - **Site assignment** — a template can be global or assigned to a specific site - **System templates** — ready-made presets (e.g., Bulma Fresh) for a quick start - **Preview image** — a template thumbnail visible on the template list - **Sample content** — a demo content field for previewing the template with example content ## Template Hierarchy The system selects a template for a page in the following order: 1. **Page template** — if the page has its own template assigned 2. **Site template** — the default template set on the site 3. **Content only** — if no template exists, only the page content is rendered ## Liquid Variables in Templates Templates support Liquid variables, including: - `{{ page.name }}`, `{{ page.path }}` — current page data - `{{ site.name }}`, `{{ site.code }}` — site data - `{{ pages }}` — list of pages visible in the menu - `{{ year }}` — current year - `{{ content }}` — page content