> For the complete documentation index, see [llms.txt](https://thefinebits.gitbook.io/grainbits/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thefinebits.gitbook.io/grainbits/theme-settings/post-layouts.md).

# Post Layouts

The way a post opens sets the tone for everything that follows. A bold, full-bleed image makes a statement; a tighter, more contained layout puts the words first. GrainBits gives you three post layouts to choose from, so you can pick the right opening for each piece of content, whether it's a personal essay, a product announcement, or a photo-led story.

You can apply layouts on a per-post basis, which means a single site can mix and match without feeling inconsistent.

<figure><img src="https://676926241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwaJtnN5JW3JxXh9HZVfX%2Fuploads%2FreDkswPsmnW7yCXmvTUE%2Fdocs-flexibits-layouts.png?alt=media&amp;token=a1a3217a-7b9c-4a6c-9159-e09b2583a078" alt=""><figcaption></figcaption></figure>

### Default

<figure><img src="https://676926241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwaJtnN5JW3JxXh9HZVfX%2Fuploads%2FulJqWxNme4fG9XRK6fw1%2Fdocs-flexibits-layouts-default.jpg?alt=media&amp;token=908af5ad-c921-4c10-bae2-d4f2ee70ed71" alt=""><figcaption></figcaption></figure>

The classic, content-first option. Your post title sits at the top, followed by the featured image, which respects the same width as the rest of your in-post images. It's clean, balanced, and ideal for writing-heavy posts where the image supports the text rather than steals the show.

### Hero

<figure><img src="https://676926241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwaJtnN5JW3JxXh9HZVfX%2Fuploads%2FVcKASxWKj2jCOIYQAVg5%2Fdocs-flexibits-layouts-hero.jpg?alt=media&amp;token=102d3351-2c17-482e-ba4b-db83f8fbc929" alt=""><figcaption></figcaption></figure>

A more cinematic opening. The featured image takes the spotlight by appearing above the post title and stretching edge to edge across the screen. Great for posts that lead with visuals: travel pieces, product launches, photo essays, or anything where you want the reader to pause before they start scrolling.

### Wide

<figure><img src="https://676926241-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwaJtnN5JW3JxXh9HZVfX%2Fuploads%2FpB21TFTQJ8tQuG0ubfiB%2Fdocs-flexibits-layouts-wide.jpg?alt=media&amp;token=7ad404d3-71a0-43a4-8092-a8b95db3467b" alt=""><figcaption></figcaption></figure>

A middle ground between Default and Hero. The post title comes first, followed by an edge-to-edge featured image below it. You keep the typography-led opening of Default, but with extra visual punch from the wider image treatment.

{% hint style="info" %}
Most Ghost themes lock you into a single post layout, so being able to switch between three on a per-post basis is one of the small touches that make GrainBits feel genuinely flexible.
{% endhint %}