Айдентика
Логотип және дизайн-жүйе
Белгі, палитра, типографика және қозғалыс ережелері бір жерде — сайт, құжаттар мен жабдық бірдей көрінуі үшін.
Белгі тұжырымдамасы
Белгінің негізі — DSC монограммасы. D әрпі бір тегіс тұйықталмаған сызықпен салынған: контур төменгі жағында әдейі ашық қалдырылған — бұл жаңа элементтерді қосуға ашық жүйе.
Әріптің ішінде үш жалғанған нүкте бар: бағдарламалық қамтам, жасанды интеллект және жабдық. Олардың арасындағы өткізгіштер бір мезгілде баспа платасының жолы, нейрондық желі торабы және дерек ағыны ретінде оқылады.
Белгі түзу сызықтар мен тұрақты радиусты доғалардан құралған. Ол favicon-дағы 16 px өлшемнен жабдық корпусындағы шелкографияға дейін оқылады, бөлек жеңілдетілген нұсқаны қажет етпейді.
Логотип нұсқалары
Логотип нұсқалары
Негізгісі — көлденең логотип. Ені жетпейтін жерде монограмма қолданылады.
- Digital Service Center
Негізгі көлденең
Сайт, презентация, құжат
- Digital Service Center
Қою фонда
Мұқаба, бейне, жабдық
Ықшам монограмма
Аватар, мөр, таңбалау
Бір түсті
Гравюра, факс, бедер
Файлдар
Не істемейміз
- Белгіні созбаймыз және сызық қалыңдығын бөлек өзгертпейміз
- Логотипті ала-құла фонға тақтайшасыз орналастырмаймыз
- D әрпін градиентке бояумаймыз — градиент тек түйіндерде
- Белгіге көлеңке мен контур қоспаймыз
- Белгінің айналасындағы қорғау өрісі — әріп ішіндегі нүкте биіктігінен кем емес
Палитра
Палитра
Негізі — ашық бейтарап реңктер. Фирмалық түстер екпін ретінде жұмыс істейді: беттегі үлесі бірнеше пайыздан аспайды.
- Canvas
#F7F8FA - Surface
#FFFFFF - Ink
#101114 - Muted
#6B7078 - Brand
#176BFF - Sky
#64C7FF - Violet
#755CFF mesh gradient
Типографика
Типографика
Тақырыптар — Manrope, мәтін — Inter. Өлшемдер clamp() арқылы берілген: бір ереже жиынтығы телефонға да, кең мониторға да қызмет етеді.
- Aa
--text-displayclamp(2.75rem, 1.4rem + 5.4vw, 6rem) - Технологии
--text-h1clamp(2.25rem, 1.4rem + 3.4vw, 4.25rem) - Единая экосистема
--text-h2clamp(1.875rem, 1.2rem + 2.4vw, 3.25rem) - Направления работы
--text-h3clamp(1.375rem, 1.05rem + 1.1vw, 2rem) - Подзаголовок раздела
--text-leadclamp(1.0625rem, 0.98rem + 0.55vw, 1.4375rem) - Основной текст страницы
--text-bodyclamp(1rem, 0.97rem + 0.16vw, 1.0625rem)
Қозғалыс
Қозғалыс
Анимация назарды өзіне тартпай, құрылымды түсіндіреді.
- Негізгі қисық — cubic-bezier(0.22, 1, 0.36, 1): жылдам бастау, жұмсақ тоқтау
- Блоктың пайда болуы — 0,6–0,8 с, ығысу 24 px-тен аспайды
- Дерек импульстері декоративті емес, байланыс сызықтарымен жүреді
- Барлық эффект prefers-reduced-motion: reduce кезінде өшеді
- Мобильді құрылғыларда параллакс пен меңзер эффектілері қосылмайды