> For the complete documentation index, see [llms.txt](https://cardstock-studio.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cardstock-studio.gitbook.io/docs/design/templates-design-your-cards/layers.md). # Layers Each **Layer** is one element in your card. The **Layer Stack** in the left panel determines the draw order, with the Layers higher up being drawn first, behind other Layers. Add a Layer using the

button or the

button.

Choose which kind of Layer to add. Any **Layer Preset** that you have created will show in this menu as well. *Empty Layer* has only a *Transform* Component on it. Other Layer Presets come with a Main Component and sometimes other Components as well. {% hint style="info" %} Right-click any Layer and choose "Save New Layer Preset" to make it a Layer Preset. Choose "Make Prefab" to turn it into a Prefab. {% endhint %} In this example, a new *Rectangle* Layer has been added. It comes with a *Transform* and *Rectangle* Component.

{% hint style="info" %} By default, shape Layers (*Circle*, *Rectangle*, *Custom Shape*) will be black. Use a *Fill*, *Gradient Fill*, and/or *Image Fill Component* to change how they appear. Bring down the "Body Opacity" Property to remove the influence of the default black color. {% endhint %} *** ## Default Layer Types ### Circle / Rectangle These are default shapes available as primitives.Components can modify how the Shapes appear. Learn more at [Shape Layers](/docs/design/templates-design-your-cards/layers/shape-layers.md). ### Custom Shape Choose a [Shapes](/docs/design/shapes.md) from your library to use. Components can modify how the Shape appears. Learn more at [Shape Layers](/docs/design/templates-design-your-cards/layers/shape-layers.md). ### Image Choose a [Images](/docs/design/images.md) from your library to use. Components can modify how the Image appears. Learn more at [Image Layers](/docs/design/templates-design-your-cards/layers/image-layers.md). ### Text Add custom Text to your design, including in-line styled text and in-line icons. Components can modify how the Text appears. Learn more at [Text Layer](/docs/design/templates-design-your-cards/layers/text-layer.md). ### Version Stamp This is a special Text layer that automatically prints the Version number set in [Project Settings](/docs/projects/project-settings.md). Whenever you update the version in Project Settings, Version Stamp layers will be updated. Components can modify how the Text appears. Learn more at [Version Stamp](/docs/design/templates-design-your-cards/layers/version-stamp.md). ### Grid This Layer will set the placement of child Layers into a grid formation, with optional cell styling and styling via Components of the entire grid area. Learn more at [Grids](/docs/design/templates-design-your-cards/layers/grids.md). *** ## Layer Stack The Layer Stack contains all of the Layers that make up your Template design. Layers on top are drawn first, behind Layers on the bottom of the stack.

### Disable a Layer Click the

button to disable the Layer. This will also disable all children. Click again to enable the Layer. This can also be toggled in the context menu. ### Lock a Layer Click the

button to lock the Layer. When locked, the Component Properties can not be updated. Click again to unlock the layer. This can also be toggled in the context menu. *** ## Context Menu Right-click the Layer to bring up the context menu.

### Add Child Layer This allows you to add a new Layer as a child of this Layer. ### Duplicate Duplicates the layer ### Make Prefab Choose this to turn the Layer, including its children, into a Prefab. Learn more about [Prefabs](/docs/design/prefabs.md). ### Save New Layer Preset Choose this to turn the Layer, including children, into a Layer Preset. Unlike a Prefab, these are not linked to the original. Once they are added to a Template, they are unique. ### Highlight Choose a color to highlight the layer, making it easier to find it in the future.

The color you choose will be modified by the theme, so that the highlight will look correct in both light and dark themes. ### Delete Delete the layer. --- # 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 dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://cardstock-studio.gitbook.io/docs/design/templates-design-your-cards/layers.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.