У нас новый внешний вид и новые интересные функции! Нажмите здесь, чтобы узнать больше.

Руководство по стилю

Эта страница руководства по стилю содержит стили и компоненты, которые должны использоваться на всем сайте.

Цвета

Цвет - это отличный способ придать жизненную силу, обеспечить визуальную непрерывность, передать информацию о состоянии, обеспечить обратную связь в ответ на действия пользователя и помочь людям визуализировать данные.

Основной цвет

#7d54cf

Вторичный цвет

#6F45BC

Черный

#000000

Шрифты

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

Aa
Манропа и Интер
700 Полужирный текст
300 Светлый текст
Рубрики

Элемент заголовка подразумевает все изменения шрифта, разрывы абзацев до и после него и любое белое пространство, необходимое для отображения заголовка. Элементами заголовков являются H1, H2, H3, H4, H5 и H6, причем H1 - это самый высокий (или самый важный) уровень, а H6 - самый низкий.

Герой

Направление 1 - 66PX

Заголовок 01

Направление 1 - 66PX

Заголовок 02

Направление 2 - 42PX

Стиль H2 с H3

Заголовок 03

Направление 3 - 32PX

Направление 04

Направление 4 - 24PX
Направление 05
Направление 5 - 22PX
Заголовок 06
Направление 6 - 20PX
Параграфы

Абзац всегда начинается с новой строки, а браузеры автоматически добавляют немного белого пространства (поля) перед и после абзаца.

Обычный параграф

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tellus leo, commodo ac maximus vel, laoreet eget justo. Vivamus eros arcu, sagittis suscipit nunc nec, varius mollis sem.

Большой абзац

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tellus leo, commodo ac maximus vel, laoreet eget justo. Vivamus eros arcu, sagittis suscipit nunc nec, varius mollis sem.

Насыщенный текст

Элемент насыщенного текста (RTE) - это идеальный элемент для создания длинного контента в блогах, на страницах, посвященных биографиям. Вместо того чтобы добавлять отдельные элементы заголовков, абзацев, списков или изображений, вы можете дважды щелкнуть по элементу насыщенного текста, чтобы создать эти различные элементы контента напрямую.

Выбор текста для блога позволяет создавать и форматировать заголовки, абзацы, цитаты, изображения и видео в одном месте, вместо того чтобы добавлять и форматировать их по отдельности. Просто дважды щелкните мышью и легко создайте контент.

Заголовок 6 - Что такое элемент Rich Text?

Заголовок 4 - Что такое элемент Rich Text?

Заголовок 5 - Что такое элемент Rich Text?

Заголовок 2 - Что такое элемент Rich Text?

Заголовок 3 - Что такое элемент Rich Text?

Заголовки, WEBSITE LINK, цитаты, рисунки, изображения и подписи к рисункам можно стилизовать после добавления класса к элементу насыщенного текста с помощью системы вложенных селекторов "When inside of".

Как настроить форматирование для каждого насыщенного текста
Как настроить форматирование для каждого насыщенного текста
  • Неупорядоченный список Элемент 1
  • Неупорядоченный список Элемент 2
  • Неупорядоченный список Элемент 3
  1. Упорядоченный список
  2. Упорядоченный список
  3. Упорядоченный список
Заголовки, абзацы, цитаты, рисунки, изображения и подписи к рисункам можно стилизовать после добавления класса к элементу насыщенного текста с помощью системы вложенных селекторов "Когда внутри".
Шаблон веб-потока агентства - Панама - Разработано Azwedo.com и Wedoflow.com
www.webflow.com

Текст в нижней части Richtext

Кнопки

Тег button определяет кнопку с возможностью нажатия. Внутри элемента button можно поместить текст.

Главная кнопка
Кнопка
Кнопка со значком
Кнопка
Уведомления

Эти компоненты можно разместить в верхней части страницы, перед навигатором.

Уведомления
У нас новый внешний вид и новые интересные функции! Нажмите здесь, чтобы узнать больше.
Проверьте наш новый премиум-шаблон Webflow
Посмотреть демо-версию
Подпишитесь на нашу электронную рассылку, чтобы получить скидку 10%!
Подписаться
Вход

Элемент Input используется для создания интерактивных элементов управления для веб-форм, чтобы принимать данные от пользователя;

Вход подписки
Сетки

Grids создает сложные сетчатые макеты отзывчивого веб-дизайна более легко и последовательно в разных браузерах.

2 Кол

2Col

4 Кол

4 Кол

4 Кол

4 Кол

6 Кол

6 Кол

6 Кол

6 Кол

6 Кол

6 Кол

Анимация

Они помогут немного оживить сайт

Затухание при прокрутке
Затухание и движение при прокрутке
Затухание и масштабирование при прокрутке
Затухание и размытие при прокрутке