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

# Basic

The everyday building blocks — text, media, and calls to action — available in most sections.

| Block                                                             | Description                                                                                                                                                                                                                    |
| ----------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| [Heading](/helix/theme-blocks/basic/heading.md)                   | The main headline. Its visual size is set independently from the semantic HTML tag, so you can keep correct heading order for SEO while styling freely.                                                                        |
| [Subheading](/helix/theme-blocks/basic/subheading.md)             | A small label, typically placed above or below a heading to add category, collection, or campaign context.                                                                                                                     |
| [Text](/helix/theme-blocks/basic/text.md)                         | A rich-text paragraph for body copy, campaign details, or supporting information.                                                                                                                                              |
| [Editorial text](/helix/theme-blocks/basic/editorial-text.md)     | A large statement line that reveals letter by letter on scroll, with up to five images placed inline in the sentence.                                                                                                          |
| [Header](/helix/theme-blocks/basic/header.md)                     | A ready-made section header that groups a **Subheading**, **Heading**, and **Text** into one block, so a whole title area can be added, aligned, and moved as a single unit.                                                   |
| [Button](/helix/theme-blocks/basic/button.md)                     | A single call-to-action link.                                                                                                                                                                                                  |
| [Buttons](/helix/theme-blocks/basic/buttons.md)                   | Two side-by-side buttons — a primary and secondary call to action in one block.                                                                                                                                                |
| [Image](/helix/theme-blocks/basic/image.md)                       | An inline image within the content stack — brand logos, trust badges, or editorial imagery.                                                                                                                                    |
| [Video](/helix/theme-blocks/basic/video.md)                       | An uploaded or external video with a custom play button.                                                                                                                                                                       |
| [Image comparison](/helix/theme-blocks/basic/image-comparison.md) | A before-and-after pair of images with a draggable handle, for showing a transformation — retouching, restoration, or a product with and without an effect.                                                                    |
| [Icon](/helix/theme-blocks/basic/icon.md)                         | A single icon from the theme library, or your own uploaded SVG.                                                                                                                                                                |
| [Collapsible text](/helix/theme-blocks/basic/collapsible-text.md) | Long text that truncates to a set number of lines, with a show-more toggle to reveal the rest.                                                                                                                                 |
| [Countdown timer](/helix/theme-blocks/basic/countdown-timer.md)   | A live countdown to a target date — for launches, sales, and scarcity-driven campaigns.                                                                                                                                        |
| [Coupon code](/helix/theme-blocks/basic/coupon-code.md)           | Displays a discount code that customers can read and copy.                                                                                                                                                                     |
| [Page](/helix/theme-blocks/basic/page.md)                         | Pulls the content of a Shopify **Page** into the block — useful for reusing policy text, size guides, or shared copy.                                                                                                          |
| [Colors](/helix/theme-blocks/basic/colors.md)                     | A row of color swatches, each built from a nested **Item** block. Use it to hint at a product's available colorways on a banner or card — the swatches are decorative, so link each one to the matching product or collection. |