Визуальные правила сайта

Цвета

Основная палитра. Синий акцент используется дозированно: только для CTA, ссылок, маркеров и ключевых значений.

Ink

#0D1B2A · --color-ink

Slate

#415A77 · --color-slate

Muted

#8892A0 · --color-muted

Line

#DDE2E7 · --color-line

Background

#F6F7F9 · --color-bg

White

#FFFFFF · --color-white

Accent

#2A7FFF · --color-accent

Error

#D64545 · --color-error

Логотип и векторные элементы (SVG)

Векторные знаки с минимальным количеством точек. Легко редактируются в Adobe Illustrator и масштабируются без потери качества.

1. Основной логотип (Двустрочный и Однострочный)

Двустрочный — Светлый фон

Однострочный (для шапки) — Светлый фон

Двустрочный — Тёмный фон

Однострочный — Тёмный фон

2. Три фирменных знака (метафора измерения)

1. Контролируемый интервал

Шкала с границами допуска

2. Точное совмещение систем

Перекрестье оси и точки

3. Калибровочная отметка

Отметка с T-границами

3. Бесшовный технический паттерн (SVG Grid)

Светлый паттерн

Координатная сетка с засечками (120x120px tile)

Тёмный паттерн

Техническая подложка тёмных блоков

Типографика

Шрифт Inter. Четыре начертания: Regular 400, Medium 500, SemiBold 600, Bold 700.

H1

Заголовок страницы

clamp(40–64px)
Bold 700

H2

Заголовок секции

clamp(32–48px)
Bold 700

H3

Подзаголовок

clamp(24–32px)
SemiBold 600

H4

Заголовок карточки

clamp(20–24px)
SemiBold 600

Lead

Подбираем, поставляем и сопровождаем оборудование для фармацевтических, биотехнологических и исследовательских лабораторий по всей России.

clamp(18–22px)
Regular 400

Body

Основной текст страницы. «Точная среда» — поставщик лабораторного оборудования с инженерной и технологической экспертизой. Подбираем комплексные решения под параметры лабораторной задачи.

clamp(15–17px)
Regular 400

Small

Подписи, мета-информация, дополнительные данные

14px
Regular 400

Label

Метка · Тег · Бейдж

12px
Medium 500

Шкала отступов

Все отступы берутся из этой шкалы. Произвольные значения запрещены.

--space-1

4px

--space-2

8px

--space-3

12px

--space-4

16px

--space-6

24px

--space-8

32px

--space-12

48px

--space-16

64px

--space-20

80px

--space-24

96px

--space-32

128px

Радиусы

Максимальный радиус — 12 px. «Капсульные» элементы запрещены.

0px

4px

8px

12px

9999

Кнопки

Три типа: Primary, Secondary, Ghost. Три размера: Small, Default, Large.

Primary

Secondary

Ghost

Формы

Поля ввода, textarea, чекбоксы, валидация. Формы пока без отправки данных — сервис подключается позже.

Имя

Компания

Телефон

Email

Введите корректный email

Описание задачи

Прикрепить ТЗ

PDF, DOC, XLS, JPG, PNG, ZIP · до 15 МБ

Согласен на обработку персональных данных

✓ Запрос принят. Специалист «Точной среды» свяжется с вами после изучения задачи.

Карточки оборудования

Карточка каталога с заглушкой для изображения. Содержит тип, название, параметры, наличие и CTA.

Дозирование

Товар 1

Автоматическая пипетка переменного объёма

Объём0.5–10 мкл

Точность±1.0%

Каналы1

Аналитика

Товар 2

Спектрофотометр двухлучевой UV-Vis

Диапазон190–1100 нм

Точность±0.3 нм

Ширина щели1.8 нм

Пробоподготовка

Товар 3

Центрифуга лабораторная настольная с охлаждением

Скоростьдо 15 000 об/мин

RCF21 380 × g

Температура−20…+40 °C

Фильтры и бейджи

Фильтры-теги с активным состоянием. Бейджи для статусов и категорий.

Фильтры

Бейджи

Новинка В наличии Под заказ

Табы

Горизонтальные табы с подсветкой активного элемента.

Параметр	Значение
Диапазон измерений	190–1100 нм
Спектральная ширина щели	1.8 нм
Фотометрический диапазон	−0.3–3.0 Abs
Точность длины волны	±0.3 нм
Источник излучения	Дейтериевая + вольфрамовая лампа

Технический паспорт, руководство по эксплуатации, сертификат соответствия.

Кюветы кварцевые, кюветы стеклянные, лампы, фильтры.

Аккордеон

Раскрывающийся список для FAQ и деталей услуг.

Мы работаем с российскими и китайскими производителями лабораторного оборудования. Также подбираем аналоги ушедших западных брендов, сопоставимые по параметрам.

Да, мы организуем поставки по всей территории Российской Федерации. Срок и стоимость зависят от объёма и адреса доставки.

Да. Опишите модель и задачу — мы подберём оборудование с сопоставимыми характеристиками и проверим совместимость с вашими процессами.

Тёмная секция

Используется для акцентных блоков: CTA, ключевые цифры, доверие. Не чаще 1–2 раз на странице.

20 лет

Опыт ключевых специалистов

8

Продуктовых направлений

РФ

Поставки по всей России

Фирменные шкалы и маркеры

Визуальный язык бренда: шкала, ось, интервал, маркер, контрольная точка. Всё в SVG.

Заглушка изображения

Используется пока нет реальных фотографий. Лёгкий SVG без стоковых фото.

Изображение

Таблицы

Для характеристик оборудования и сравнительных данных.

Параметр	Товар 1	Товар 2	Товар 3
Диапазон	0.5–10 мкл	190–1100 нм	до 15 000 об/мин
Точность	±1.0%	±0.3 нм	±20 об/мин
Наличие	В наличии	Под заказ	В наличии

Visual Rules