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

# Vélare - Intro

**Vélare is a Shopify theme for brands that sell through visuals**: clean editorial layouts, calm typography, and a mobile-first storefront that keeps shoppers moving from browsing to checkout. You set everything up in the Shopify Theme Editor (**Online Store > Themes > Customize**); no coding required.

<figure><img src="/files/JJHsXIS4quOzUrBJN00u" alt=""><figcaption></figcaption></figure>

### When Vélare is a good fit <a href="#when-velare-is-a-good-fit" id="when-velare-is-a-good-fit"></a>

Vélare suits your store if you recognise yourself here:

* You sell products people **choose with their eyes** (clothing, accessories, lifestyle goods), and you want photography to lead the page.
* **Most of your traffic is on phones** and you need a layout that stays clean on a small screen.
* You want **product pages that help people decide**: clear media, product information, and a smooth add-to-cart flow.
* You would rather **adjust the store yourself** in the Theme Editor than ask a developer for every change.

If your catalogue is mainly text and specification driven, a photo-led theme like Vélare will work against you.

### What Vélare gives you <a href="#what-velare-gives-you" id="what-velare-gives-you"></a>

{% columns %}
{% column width="33.33333333333333%" %}

<figure><img src="/files/fTCzmB0uEUMzUlHrSF4Q" alt=""><figcaption></figcaption></figure>

#### Editorial layouts for fashion

Build pages that read like a lookbook: large imagery, room to breathe, and lifestyle storytelling next to your products.
{% endcolumn %}

{% column width="33.33333333333333%" %}

<figure><img src="/files/jmN2s8XhIYg1rev7hmP6" alt=""><figcaption></figcaption></figure>

#### A store that works on phones

Layouts are designed mobile-first, so browsing and product discovery stay clean on a small screen without extra work from you.
{% endcolumn %}

{% column width="33.33333333333335%" %}

<figure><img src="/files/rl3HtPkSiDuvLdV6TDEr" alt=""><figcaption></figcaption></figure>

#### Product pages built to convert

Product media, product information, and add-to-cart are laid out to help a shopper decide without hunting for details.
{% endcolumn %}
{% endcolumns %}

### What you can change yourself <a href="#what-you-can-change-yourself" id="what-you-can-change-yourself"></a>

Everything below is edited in the Theme Editor and applies across your whole store.

| What you want to do                                | Where you do it                                                   |
| -------------------------------------------------- | ----------------------------------------------------------------- |
| Put your logo and browser icon in place            | [Logo and favicon](/velare/set-up-your-store/logo-and-favicon.md) |
| Set your brand colours                             | [Colors](/velare/set-up-your-store/colors.md)                     |
| Choose fonts and text sizes                        | [Typography](/velare/set-up-your-store/typography.md)             |
| Set page width and spacing                         | [Layout](/velare/set-up-your-store/layout.md)                     |
| Decide what appears on each product card in a grid | [Product cards](/velare/customize-your-pages/product-cards.md)    |
| Build your menu and top bar                        | [Header](/velare/set-up-your-store/header-group/header.md)        |
| Set up footer links and contact details            | [Footer](/velare/set-up-your-store/footer-group/footer.md)        |

Pages are assembled from **sections** and **blocks** that you add, reorder, and remove in the Theme Editor, so your home page, product page, and collection pages can each tell a different story without touching code.

<figure><img src="/files/QzXPcJJAxWivU9ep6uLJ" alt=""><figcaption></figcaption></figure>

### Two setup steps that are easy to miss <a href="#two-setup-steps" id="two-setup-steps"></a>

{% hint style="success" %}
Do these before you start styling, so your pages do not look empty while you work.

1. **Install the apps the theme relies on.** Some features use free Shopify apps that are not part of the theme package. See [Recommended Apps](/velare/buy-and-install/apps/recommended-apps.md).\
   \&#xNAN;*Result: the features that depend on them can display on your storefront.*
2. **Create the required metafields and metaobjects.** These hold per-product content such as short descriptions, product badges, and filter values. See [Create Required Metafields](/velare/buy-and-install/create-required-metafields.md).\
   \&#xNAN;*Result: each product shows its own content while sharing one template.*
   {% endhint %}

### Examples by catalogue type <a href="#examples-by-catalogue-type" id="examples-by-catalogue-type"></a>

* **Fashion and accessories**: lead with lifestyle photography, then let shoppers narrow down by attributes such as family, material, or style using the filter metaobjects.
* **Lifestyle and home goods**: use storytelling sections to explain materials and use cases before the add-to-cart, so higher-priced items feel justified.
* **Single-collection or capsule brands**: build one strong home page story and keep navigation short; section-based pages let you rearrange that story each season.

### Where to go next <a href="#where-to-go-next" id="where-to-go-next"></a>

Follow these in order:

1. [Recommended Apps](/velare/buy-and-install/apps/recommended-apps.md): install what the theme relies on
2. [Create Required Metafields](/velare/buy-and-install/create-required-metafields.md): prepare your product data
3. [Logo and favicon](/velare/set-up-your-store/logo-and-favicon.md), then [Colors](/velare/set-up-your-store/colors.md), then [Typography](/velare/set-up-your-store/typography.md): make it yours
4. [Header](/velare/set-up-your-store/header-group/header.md) and [Footer](/velare/set-up-your-store/footer-group/footer.md): set up navigation

Also useful: [Release notes](/velare/run-and-update-your-store/release-notes.md) · [Change currency](/velare/help-and-faqs/change-currency.md) · [Theme translation](/velare/help-and-faqs/theme-translation.md)


---

# 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://uxsmart.gitbook.io/velare/readme.md?ask=<question>&goal=<endgoal>
```

`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.