> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/drive/design/design.md).

# Дизайн галереи

Вы можете изменить внешний вид галереи на облачном диске, чтобы она лучше подходила под стиль съемки или предпочтения клиента. Чтобы это сделать, в проекте перейдите во вкладку **«Дизайн и обложка»**. Для настройки фотографии на обложке смотрите статью [Обложка галереи](/drive/design/cover.md).

### Цветовая схема

Можно выбрать светлую или темную. Цвета фона под фото, текста и интерфейса адаптируются под выбранную цветовую схему.

### Шрифт

Доступно 6 стилей оформления. Каждый стиль — это комбинация шрифтов для заголовков и основного текста.

* **Elegante**, **Universal** и **Classic** — **сохраняют регистр** в названиях проекта и папок. Если вы назвали папку строчными буквами — так она и будет отображаться.
* **MODERN**, **DECORATE** и **LIGHT** — **не сохраняют регистр.** Все названия отображаются заглавными буквами (капсом).

### Раскладка фотографий

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

<figure><img src="/files/qJ6c8RoGJg4W0E4fovpF" alt="" width="563"><figcaption></figcaption></figure>

{% endcolumn %}

{% column %}
На компьютере:

* **Серия** — фотографии выстраиваются рядами. 3-4 фото в ряду.
* **Масонри** — фотографии выстраиваются колонками.
  {% endcolumn %}
  {% endcolumns %}

{% hint style="info" %}
В **«Масонри»** порядок фотографий может не сохраняться, потому что они распределяются по колонкам. Фотографии добавляются в наименьшую по высоте колонку.
{% endhint %}

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

<figure><img src="/files/BLiXjBl6Xy5HTUWzKRH4" alt=""><figcaption></figcaption></figure>
{% endcolumn %}

{% column %}
На телефоне:

* **Маленькая раскладка** — 1–2 фото в ряд.
* **Большая раскладка** — фотографии идут друг за другом на всю ширину экрана.
  {% endcolumn %}
  {% endcolumns %}

### Отступы между фото

Настраиваются для **компьютерной версии** и могут быть маленькими, средними или большими.

{% hint style="info" %}
На телефоне отступы между фотографиями маленькие и не регулируются.
{% endhint %}

### Иконки под обложкой

В галерее можно настроить отображение иконок под обложкой:

* Иконки с подписями: **Избранное**, **Отзыв**, **Услуги.**
* Только иконки.

Это помогает клиенту быстро понять, что он может сделать в галерее.