Generium Design Kit

Generium Design Kit mockup preview
Click to expand

Дизайн-система сайта АО «ГЕНЕРИУМ» (generium.ru) — лидера российского орфанного биотехнологического рынка

#52BBB1#52BBB1
#006D7C#006D7C
#B8E2DE#B8E2DE
#000000#000000
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Primary Colors

Neutral Colors

Accent

Typography

Hero HeadingPF DinText Pro · 64px · Medium

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H2PF DinText Pro · 24px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H3PF DinText Pro · 28px · Medium

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

BodyPF DinText Pro · 17px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

LabelPF DinText Pro · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

NavigationPF DinText Pro · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Spacing

Base: 8px
8px
80px
1280px

Дизайн-система сайта АО «ГЕНЕРИУМ» (generium.ru) — лидера российского орфанного биотехнологического рынка

Components

Buttons

Cards

Card Title

Sample body text for the card component.

Text Link / CTA Link

default

Pipeline Progress Bar

active

current

inactive

Do's & Don'ts

Do

Используйте чёткую сетку и воздушную структуру контента

Don't

Избегайте эмоциональных связок в научном контенте
Brand Identity

Generium позиционирует себя как научно-технологическую компанию высшего уровня. Визуальный стиль отражает строгость, точность и профессионализм: минималистичная палитра с акцентным бирюзовым цветом, чёткая сетка, нумерованная навигация. Тон — научно-профессиональный, без лишней эмоциональности.

Логотип расположен в левом верхнем углу хедера, ссылается на главную страницу. Изображение логотипа: https://www.generium.ru/images/logo2.png

---

Navigation Structure

Сайт имеет восемь основных разделов с числовой нумерацией: О компании, Исследования и разработка, Производство, Продукты (30 препаратов), Пайплайн, Пресс-центр, Карьера (отдельный поддомен career.generium.ru), Контакты, Поставщикам. Также есть специальная ссылка «Сообщить о нежелательной реакции» для фармаконадзора.

---

Key Brand Numbers

30 зарегистрированных препаратов. 8 000 м² лабораторных площадей. 61 000 м² производственных площадей. Более 80 га территории. Более 1 900 сотрудников. Присутствие в сегментах: орфанные заболевания, онкология, аутоиммунные заболевания, аллергология.

---

Design Principles

Научная точность: визуальный язык подчинён данным — цифры, таблицы, стадии разработки вынесены на первый план.

Системность: нумерованная навигация, последовательные этапы pipeline, структурированные карточки продуктов — всё подчёркивает процессный подход компании.

Минимализм: ограниченная палитра (бирюзовый + чёрный + белый + серый), плоские кнопки без скруглений, чистые белые фоны.

Профессиональность: шрифт PF DinText Pro задаёт деловой, но не холодный тон. Фотографии — реальные снимки производства и лабораторий, без стоковой эстетики.

Download .md

License MIT
Uploaded 6 days ago
Version v1
File size 12.3 KB
Downloads 17
Copies 7

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/marinalobyntseva1976/generium-design-kit and implement it in my code

Don't have the MCP? Install it here