Демо-страница

Для копирования:
граница, отступ в таблице: <table border="1" cellpadding="7">
правая ячейка - граница слева: <td style="border-bottom:none; border-left:1px solid #c9c9b5; border-right:none; border-top:none">
открыть ссылку в новой вкладке: <a href="http://tel/" target="_blank">

▲ Красный фон - белый текст: Ячейка таблицы залита красным. В свойствах текстового блока: Цвет элементов - белым.

❯ Подписи и др. ❯ Сотрудники (Масштабируемость) ❯ Праздничная торговля ❯ Инфо в праздники ❯ Плановые отключения электроэнергии ❯ Кино (расписание киносеансов) ❯ Кино 2 даты ❯ САЛАТОВЫЙ вариант | Раскрыть любую таблицу из раздела Итоги благоустройства... ❯ Расписание автобусов. Два цвета: Бежевый и Голубой

❯ Акуцион | Минимальные данные + Извещение и Приказ + Итоги
Сделать как Документ. В поле № пишем сроки, в описании пишем: кто, когда

❯ Документы  | выборка по категориям

Иконки для вставки в Новости, например. #306afd - синий - rgb(48, 106, 253) или #9c9c81 - бежевый - rgb(156, 156, 129)

Анимированные Иконки

flaticon.com/ru — бесплатные иконки и стикеры + раздел
svgicons.com — SVG бесплатно + можно менять цвет
svgrepo.com — Open-licensed SVG Vector and Icons
icons8.com — free icons + раздел Анимированных иконок
в SVG иконках заголовок должен быть <?xml version="1.0" encoding="UTF-8"?>

logo-teka.com — SVG бесплатно 
icon666.com/ru — SVG, PNG. Можно менять цвет

Символы ASCII для всавки в текст. Эмоджи Юникода, как в соцсетях, на сайте — то отображаются, то не отображаются): 

◄ ▼ ▲ ► ♥ ❮ ❯ ® © § ≡ ± ⊕ ℃ — ■ ░ ▒ ▓ ☂ ★ ☉ ☎ ✆ ☑ ☛ ☚ ☠ ☢ ☦ ☪ ✡ ☭ ☮ ☯ ☺ ☼ ♀ ♂ ♔ ♛ ♫ ♱ ⚑ ⚤ ⚥ ✂ ✈ ✒ ✔ ✕ ✱ ❄

км² -20°C

Три цветовые схемы. Полоса отбивка: rgba(0, 0, 0, 0.2)

Цветные таблицы вставлены в таблицу из 5 колонок: бежевая - пустая - салатовая - пустая - голубая.
Размер границ 0, внешний отступ ячеек 0, внутренний отступ ячеек 7.

Правая колонка - взято из:
https://www.rapidtables.com/web/color/html-color-codes.html
(таблица White colors)

▲ Цвет рамки вверху rgba(0, 0, 0, 0.2), слева - красным, толщиной 4. В настройках Заголовка задаём: Тег заголовка: Абзац и в настройках Свойства текста - настраиваем Текст как Заголовок 2 (размер 24рх и вес 800) и внутренний отступ внизу 7. Это чтобы отступы Заголовка 2 по умолчанию поменять.

Но это не сделать, например, в Новостях. Там можем вставить таблицу, но свойства текста поменять не можем.

Выделение важной информации
отдельный Текстовый блок

В общем Контейнере (конт: Документы - Колонки) вложено 3 контейнера (конт: Папка + Аккордеон). 
Общий контейнер: компоновка Flex, по горизонтали с переносом строк. Чтобы при уменьшении экрана блоки становились друг под другом.

Со скруглёнными углами и без. В нужный квартал вставляем ссылку для перехода на нужную страницу. Для копирования выбираем любой текстовый блок и вставляем перед крайним левым. Потом просто редактируем текст.

Бежевый ❮ пример оформления Столбцами ❯ Салатовый

Меню текстовым блоком. Таблицы. Здесь все таблицы сделаны отдельно, которые помещены в Контейнер, где компоновка использована Колонки. При уменьшении размера экрана таблицы встанут по вертикали.

Меню текстовым блоком. Таблицы. Здесь 2 текстовых блока с таблицами, которые помещены в Контейнер, где компоновка использована Flex. При уменьшении размера экрана блоки встанут по вертикали.

Другой вариант оформления. Добавлена ссылка «в Начало списка», если много ссылок. Переход делается только на Заголовок. Поэтому сделан блок "Иконка - Заголовок" + Список.

В блоке ФОТОГРАФИИ выбираем настройку шаблона -> Несколько изображений.

В свойствах выбираем:

• Показывать большую картинку при клике (Lightbox)
• Выводить подпись под изображением

Для чередования цветов. Первый текстовый блок. Внутренний отступ 10, нижняя рамка #c9c9b5.

Так было настроено по умолчанию

Размер иконок - Заголовок 1.
Цвет элементов:
Фирменный цвет - #82805c
Основной цвет - #535132

Можно сделать переход простой ссылкой в таблице