Продажа окрасочных систем для Стандартный абзац текста. Шрифт PT Sans, 15px, line-height 1.6, цвет #333. Компания «В Покраску!» — официальный дистрибьютор Carlisle Fluid Technologies в России. Все ссылки в тексте используют цвет #00509e (Brand Blue) и подчёркиваются при наведении.
Второй абзац для демонстрации вертикального ритма между параграфами. Margin-bottom: 15px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
H1 создаётся автоматически через SetTitle() + шаблон .h1_wrap. На этой странице H1 = «Typography & Components» выше — 30px, bold, #222, с синей линией 69×6px.
H2: 24px, font-weight 700, цвет #222, margin: 40px 0 15px. Используется для основных разделов текстовых страниц.
H3: наследует стили от контейнера. Используется для подразделов внутри H2-секций.
H4: 16px, font-weight 700. Используется для заголовков таблиц, характеристик, мелких блоков.
История заказов
Отложенные товары
Личные данные#00509e| Параметр | Значение | Описание |
|---|---|---|
| Brand Blue | #00509e |
Основной акцентный цвет: ссылки, кнопки, H1-underline |
| Text Dark | #222 |
Заголовки H1–H4, тёмный текст |
| Text Body | #333 |
Основной текст абзацев на текстовых страницах |
| Background | #f3f3f3 |
Фон контентной области .inner_page |
Изображения автоматически ограничены max-width: 100% с height: auto и вертикальным отступом 20px:
Ссылки в тексте: Главная, Каталог, О компании. Все используют color: #00509e, при наведении — text-decoration: underline.
Email: info@vpokrasku.ru. Телефон: 8 (800) 444 60 95.
Обычный текст, жирный текст (strong), курсивный текст (em), жирный курсив.
Технические термины и код: элемент <h1>, класс .inner_page, цвет #00509e.
У вас есть ТО, что нужно покрасить и высушить? У нас есть ВСЁ, чтобы это сделать! Blockquote используется для цитат и выделенных блоков текста.
Brand Blue
#00509e
Text Dark
#222
Text Body
#333
Text Light
#999
BG Gray
#f3f3f3
Border
#d9d9d9
White
#fff
SEO BG
#fafafa
Переиспользуемый компонент для SEO-текстов. Применяется на главной, в секциях каталога и на любых страницах, где нужно разместить дополнительный текстовый контент, не перегружая основной вид.
DeVilbiss — британский бренд с более чем вековой историей, основоположник технологии воздушного распыления лакокрасочных материалов. Именно инженеры DeVilbiss разработали первые краскораспылители с пониженным давлением (HVLP), которые стали отраслевым стандартом.
Линейка включает ручные краскопульты серий GTI Pro Lite, FLG, SRIPro Lite, Advance HD, а также автоматические пистолеты для конвейерных линий.
Оборудование DeVilbiss применяется в автомобилестроении, авиации, мебельном и промышленном производстве. Запатентованные воздушные головы Trans-Tech обеспечивают коэффициент переноса до 90%.
HTML-разметка аккордеона:
<details class="section-seo-text">
<summary>Текст кнопки</summary>
<div class="section-seo-content">
<h2>...</h2>
<p>...</p>
<h3>...</h3>
<ul><li>...</li></ul>
</div>
</details>Стили:
#00509e, 13px, inline-block, стрелка ▸ вращается при открытии#fafafa, padding 30px 50px (desktop) / 20px 25px (mobile)#00509eКомпонент .delivery_wrap — flex-контейнер: основной контент (840px) + боковая панель (270px). Стили привязаны к .delivery_page, поэтому демо обёрнуто в этот класс.
Заголовок + подзаголовок + иконка слева. Контент ниже.
Текст внутри .text. Карточки разделяются горизонтальной линией border-bottom: 1px solid #d9d9d9 с отступами margin-bottom: 40px; padding-bottom: 50px.
.top: 24px, bold, #222.top имеет padding-left: 80px для иконки
Демонстрация нескольких карточек подряд с разделителем
Каждый .item — самостоятельный блок с иконкой, заголовком и развёрнутым текстовым содержимым. Подходит для страниц типа «Доставка», «Услуги», «Преимущества».
#fffИспользуется для карточек товаров, контентных блоков поверх серого фона, header. Создаёт визуальное разделение от серых секций #f3f3f3.
#f3f3f3Основной фон контентной области .inner_page. Каталог, новости, текстовые страницы — весь контент на этом фоне.
#fafafaEmail-подписка, содержимое SEO-аккордеона, чётные строки таблиц. Тонкая граница #e6e6e6 сверху и снизу.
Формы обратной связи, модальные окна, CTA-кнопки. Текст и элементы на этом фоне — белые #fff, подписи полей #85b7e7.
Блок «Сервис» на главной странице. Фоновая текстура service_bg.png. Используется для выделения сервисного блока.
Подвал сайта. Текст #999, ссылки #fff. Реквизиты компании, навигация, бренды.
.breadcrumbs — белый фон, padding 20px 0, font 14px #999, ссылки #00509e.inner_page — фон #f3f3f3, padding 40px 0 55px (базовый)section — width 1170px, margin 0 auto.h1_wrap — margin-bottom 35px, H1 30px bold #222, ::after синяя линия$APPLICATION->SetPageProperty("page_class", "static_info_page");$APPLICATION->SetPageProperty("description", "...");