Связаться с нами

Аренда фотозон

8 925 185-00-77

hi@1000zon.ru

Файлы cookie

Настройка cookie

Файлы cookie, необходимые для корректной работы сайта, всегда включены.
Другие файлы cookie настраиваются.

Основные файлы cookie

Всегда Включен. Эти файлы cookie необходимы для того, чтобы вы могли пользоваться веб-сайтом и использовать его функции. Их нельзя отключить. Они устанавливаются в ответ на ваши запросы, такие как настройка ваших настроек конфиденциальности, вход в систему или заполнение форм.

Аналитические файлы cookie

Disabled

Эти файлы cookie собирают информацию, чтобы помочь нам понять, как используются наши веб-сайты или насколько эффективны наши маркетинговые кампании, или чтобы помочь нам настроить наши веб-сайты для вас. Смотрите список аналитических файлов cookie, которые мы используем здесь.

Рекламные файлы cookie

Disabled

Эти файлы cookie предоставляют рекламным компаниям информацию о вашей онлайн-активности, чтобы помочь им предоставлять вам более релевантную онлайн-рекламу или ограничить количество просмотров рекламы. Эта информация может быть передана другим рекламным компаниям. Смотрите список рекламных файлов cookie, которые мы используем здесь.

1000ZON — UI Гайд (Unbounded + Montserrat)

1000ZON · Внутренний UI-гайд

Единый дизайн-гайд 1000ZON

Шрифты Unbounded и Montserrat, размеры, жирности, отступы, карточки, кнопки и формы. Этот гайд сделан так, чтобы было легко перенести настройки в Тильду и использовать на всех страницах.

I. Шрифты — что где использовать

Unbounded — только заголовки

Используем для визуального «лица» бренда.

H1–H4 на всех страницах.
Названия блоков («Почему выбирают», «Форматы фотозон»).
Заголовки карточек (форматы, услуги, кейсы).
Крупные цифры/размеры (например «3×2 м»).

Montserrat — весь основной текст

Читаемый, нейтральный, для длинных описаний.

Обычные тексты и абзацы.
Списки, описание услуг и условий.
Текст в карточках.
Кнопки, меню, формы, подписи.

II. Жирности шрифтов

Важно: в Тильде выбираем не только размер, но и жирность (Regular, Medium, SemiBold, Bold). Ниже — единая система, чтобы везде было одинаково.

Unbounded — заголовки

Вес	Название (EN)	Где применять
500	Medium	H3–H4, заголовки карточек
600	SemiBold	Основные заголовки блоков (H1–H2)
700	Bold	Hero-заголовок на первом экране

Montserrat — тексты и интерфейс

Вес	Название (EN)	Где применять
400	Regular / Normal	Обычный текст, абзацы
500	Medium	Подзаголовки, меню, label форм
600	SemiBold	Кнопки (CTA), акцентные элементы

III. Размеры шрифтов — Desktop

Заголовки (Unbounded)

Hero H1: 48 px, 700 Bold.
H1 обычный: 40 px, 600 SemiBold.
H2: 32 px, 600 SemiBold.
H3: 24 px, 500–600.
H4 (карточки): 20 px, 500 Medium.

Текст (Montserrat)

Body: 16 px, 400 Regular — основной текст.
Body small: 14 px, 400 Regular — второстепенный текст.
Label/подписи: 12–14 px, 500 Medium.
Кнопки (CTA): 16 px, 600 SemiBold.
Меню: 14–16 px, 500–600.

IV. Размеры шрифтов — Mobile

Элемент	Размер
Hero H1	32 px
H1	28 px
H2	24 px
H3	20 px
H4	18 px
Текст (body)	16 px
Мелкий текст	14 px

V. Отступы и вертикальный ритм

Основные расстояния

Между большими блоками: 80–100 px.
Заголовок → текст: 24 px.
Абзац → абзац: 16 px.
Карточка → карточка: 24–32 px.
Элемент формы → элемент формы: 20 px.

Ширина контента

Desktop: ширина блока 1200–1280 px

Отступы: 40 px слева/справа

Mobile: ширина 100%, 20–24 px слева/справа

VI. Карточки услуг и форматов

Структура карточки

Скругление: 20–24 px.
Padding: 24 px (Desktop), 16–20 px (Mobile).
Заголовок: Unbounded 20–24 px, 500 Medium.
Текст: Montserrat 14–16 px, 400 Regular.
Заголовок → текст: 8–12 px.
Текст → кнопка: 16 px.

Пример применения

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

У всех карточек — одинаковое скругление и отступы.
Заголовки всегда в Unbounded, 500 Medium.
Текст в Montserrat 14–16 px, 400.
Кнопка внизу карточки — 16 px, 600, высота 48 px.

VII. Кнопки (CTA)

Основная кнопка

Шрифт: Montserrat 16 px, 600 SemiBold.
Высота: 48 px.
Внутренние отступы: 24 px слева и справа.
Скругление: 18–20 px.
Текст: обычный регистр (не caps).
Расстояние между кнопками: 16–20 px.

VIII. Формы

Поля и подписи

Label над полем: Montserrat 14 px, 500 Medium.
Текст в поле: Montserrat 16 px, 400 Regular.
Высота поля: 46–48 px.
Скругление поля: 12–16 px.
Внутренний отступ: 14–16 px.
Отступ между полями: 20 px.
Отступ заголовок блока → форма: 32 px.

IX. Краткий итог — самое главное

Шрифты и жирности

Unbounded: 700 Hero, 600 заголовки, 500 карточки.
Montserrat: 400 текст, 500 подзаголовки, 600 кнопки.

Размеры и отступы

Desktop: H1 40–48 px, H2 32 px, H3 24 px, текст 16 px, мелкий текст 14 px.
Отступы: блоки 80–100 px, заголовок → текст 24 px, абзац → абзац 16 px.
Карточки: скругление 20–24 px, padding 24 px, между карточками 24–32 px.

X. CSS-токены (для разработчика / кастомного CSS)

Если нужно вынести систему в переменные и подключить кастомный CSS в Тильде, можно использовать такой базовый набор:

        :root {

          --font-heading: "Unbounded", system-ui, sans-serif;

          --font-body: "Montserrat", system-ui, sans-serif;

          --fs-hero: clamp(32px, 4vw, 48px);

          --fs-h1: clamp(28px, 3vw, 40px);

          --fs-h2: clamp(24px, 2.6vw, 32px);

          --fs-h3: clamp(20px, 2.2vw, 24px);

          --fs-h4: clamp(18px, 2vw, 20px);

          --fs-body: 16px;

          --fs-body-small: 14px;

          --fs-label: 12px;

          --space-1: 8px;

          --space-2: 16px;

          --space-3: 24px;

          --space-4: 32px;

          --space-5: 48px;

          --space-6: 80px;

        }