> For the complete documentation index, see [llms.txt](https://docs.ultramarinastudios.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ultramarinastudios.com/sections/section-header.md).

# Section header

The section header is not meant to be a standalone section. Rather, it is meant to be combined with any other section to create a heading.

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2FUfB69c06VM9X5FGrXB6W%2FPrimavera%20Composition%20%C2%B7%20Customize%20primavera-1-0-0-%20Theme%20blocks%20%C2%B7%20Shopify%202025-04-02%20at%205.25.19%20pm.jpg?alt=media&amp;token=9c718af6-9dab-4846-b322-a4b964f5000f" alt=""><figcaption><p>Left-aligned layout</p></figcaption></figure>

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2FKXe8xr3JxJE1xPn8aNeA%2FPrimavera%20Composition%20%C2%B7%20Customize%20primavera-1-0-0-%20Theme%20blocks%20%C2%B7%20Shopify%202025-04-02%20at%205.27.40%20pm.jpg?alt=media&amp;token=54702ecb-e8b6-48cf-b828-1bae296e2753" alt=""><figcaption><p>Center-aligned layout</p></figcaption></figure>

### Settings

* **Layout**: Choose between a **left-aligned** or a **centered** layout
* **Text content**:
  * **Subheading**
  * **Heading**&#x20;
  * [Set as page title](/common-settings.md#set-as-page-title)
  * **Heading size**
  * **Count (optional)**: If heading accents are enabled, gives users a sense of how many items are in the section
  * **Text**
  * **Button label** and **link**

{% hint style="info" %}
Can't find the setting you're looking for?  The following settings are explained in detail in [common settings](/common-settings.md):

* Color scheme/Color scheme transition
* Padding&#x20;
* Borders
  {% endhint %}

{% hint style="info" %}
Tip: Decrease the bottom padding to visually connect the section header to the content below it!
{% endhint %}

### Examples & inspiration

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2FD6ga3YQdhklFBl5ufwNw%2FPrimavera%20Precision%20%C2%B7%20Customize%20primavera-1-0-0%20%C2%B7%20Shopify%202025-04-02%20at%205.39.55%20pm.jpg?alt=media&amp;token=940abf4c-ae83-4d0d-8a18-620fa9ba1294" alt=""><figcaption><p>Create a custom product header by adding the title and description as dynamic sources.</p></figcaption></figure>

### Similar sections

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>The <a href="/sections/rich-text-columns.md">rich text columns section</a> allows you to add any content within two equal columns for greater flexibility.</td><td><a href="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2FoM9OPJhFqDr8EPlFw6OK%2FPrimavera%20Gloss%202025-04-02%20at%205.07.07%20pm.jpg?alt=media&amp;token=6b2fb78d-6a79-4140-8894-c15d3b7fd74c">Primavera Gloss 2025-04-02 at 5.07.07 pm.jpg</a></td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.ultramarinastudios.com/sections/section-header.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
