> ## Documentation Index
> Fetch the complete documentation index at: https://hyperframes-codex-docs-human-first-refactor.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Use variables and templates

> Create reusable values and bind them to visible elements.

Variables let one project accept different text, colors, media, numbers, and other values without rebuilding the composition.

Use them for templates, repeated brand values, personalized videos, and batch output.

## Bind a visible value

1. Select the element.
2. Open Variables.
3. Create or choose the variable.
4. Bind the relevant property.
5. Change the variable and check the live preview.

Name variables by meaning, such as `customerName`, `headline`, or `brandColor`, rather than by location such as `text1`.

## Test the fallback

A template should still behave sensibly when a value is long, short, missing, or replaced with different media.

Check:

* long names and headlines;
* image aspect ratios;
* color contrast;
* number formatting;
* missing optional values.

For variable types, schemas, and batch rendering, read [Variables](/concepts/variables).