Стилевое руководство
Вы находитесь в разделе, посвященном стилевым правилам, которые делают сайт красивым и гармоничным.
Здесь представлены разработанные и применяемые принципы, которые придают сайту привлекательный вид и единую целостность.
Цветовая гармония: Как сайт каждый раз преображается в разноцветное волшебство
Погрузитесь в удивительный мир цвета! Я решил преобразить мой сайт, чтобы каждое его отображение было уникальным и захватывающим. Вместо статичных цветовых схем я создал алгоритм, который генерирует разнообразие цветов, добавляя живость и эмоциональную глубину каждому элементу. Теперь мой сайт оживает в разных оттенках, вдохновляя и радуя посетителей. Важно отметить, что эти преображения не случайны, а основаны на тщательно выверенных принципах цветовой гармонии и доступности для всех пользователей. Добро пожаловать в уникальный мир моего сайта, где цвета оживают и создают незабываемые впечатления!
Для поддержки устаревших браузеров, вместо создания одного универсального цвета с указанием любой прозрачности, были добавлены некоторые непрозрачные цвета, с которыми работают устаревшие браузеры.
--color-marker – яркий фломастер
--color-button – приятные кнопочки
--color-accent[-rgb] – стабилизированный цвет для текстов
rgba(rgb(--color-accent-rgb),alpha)
--color-backplate – задний фон сайта
--color-text – цвет текста
--color-info – фон уведомлений
Генерация цветов не происходит случайным образом, это четко выверенный алгоритм состоящий из множества функций, создающий цветовую схему удобную для восприятия как обычных людей, так и людей имеющих проблемы со зрением. Сайт регулярно проходит все проверки на доступность для восприятия.
Другие применяемые правила
- Закругления имеют радиус 10px
- Вся верстка выполняется flex-контейнерами, без бутстрапов и прочего
- Внутри контейнеров имеются меж-элементные отступы по 10px
- Все шрифты на сайте кроме заголовков, системные
- К заголовкам применен стиль "inter", он скачивается из Google Fonts на телефон пользователя единожды и далее всегда грузится из кеша, не тратя трафик
Закругленные блоки белые и вложенность блоков не одобряется, нужно избегать множественных рамок - создавая безрамочный дизайн
- На сайте должны отсутствовать острые углы (местами это не так, но дизайн разрабатывается)
- Обязательное и полное отсутствие теней и градиентов - они убивают производительность на телефонах