> For the complete documentation index, see [llms.txt](https://help.unisched.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.unisched.app/brandbook/design-and-colors.md). # Дизайн і колірна гамма Кожен колір у системі Unisched суворо регламентований за значеннями HEX, RGB та CMYK, що гарантує цілісність бренду на будь-яких пристроях — від смартфонів до великих моніторів, адже ми віримо, що системний підхід до колористики дозволяє створити інтуїтивно зрозумілий та естетично привабливий інтерфейс, який відповідає високим стандартам сучасних ЗВО. А впровадження цілісної концепції Material Design від Google на всіх підтримуваних застосунком платформах у нашу візуальну мову дозволяє створити динамічний та адаптивний інтерфейс. ## Дизайн та динамічні кольори В застосунку, ми використовуємо дизайн-систему [Material Design 3](https://m3.material.io/), включно з паттерном [Dynamic color](https://m3.material.io/styles/color/dynamic/choosing-a-source), який дозволяє нашим користувачам кастомізувати застосунок під власні вподобання щодо кольорів, які встановлені у системі. Обрана дизайн-система є простою та дружньою для всіх користувачів, є інклюзивною, а також пасує для девайсів e-ink, які працюють під керуванням ОС Android та останніми роками набирають більшої популярності. Використання принципів «гумових» макетів та глибини тіней у поєднанні з контрастними відтінками забезпечує високу доступність та інклюзивність застосунку. Завдяки логіці Material 3, кольорова схема плавно підлаштовується під контекст використання, зберігаючи при цьому впізнаваність бренду Unisched серед академічної спільноти та забезпечуючи користувачам інтуїтивно зрозумілу взаємодію з кожним елементом керування. ## Основні кольори бренду Візуальна ідентичність Unisched побудована на гармонійному поєднанні глибоких синіх та інтелектуальних індиго-відтінків, що підкреслюють сучасний цифровий характер освітньої платформи. Обрана палітра символізує надійність, академічну стабільність та технологічність, забезпечуючи користувачам комфортне середовище для планування навчального процесу.
Назва кольоруHEX-кодЕлегантний опис 😄
Deep Navy#141B4DГлибокий, тіньовий індиго, що втілює відчуття таємничості, елегантності та океанічної глибини, ідеально підходить для вишуканих атмосфер.
Midnight Blue#151F6DГлибокий та захопливий, викликає в уяві опівнічну тишу, самоаналіз та спокій зоряної ночі.
Vivid Royal#1E22AAЕлектричний блакитний наплив зі сміливою інтенсивністю, що запалює креативність та привертає увагу своєю королівською виразністю.
Slate Indigo#485CC7Загадкове поєднання ніжного блакитного та фіолетового шепоче вишуканість, ледь помітно натякаючи на глибину та інтроспективну творчість.
Powder Blue#BBCDE5М'який, заспокійливий блакитний колір ніжно огортає обстановку витонченістю, ідеально поєднуючи ностальгію із сучасним мінімалізмом.
{% file src="/files/EV7SuyrWLXnbGm1ovh3J" %} Переглянути на Coolors ## Кольори тла В основі візуального комфорту Unisched лежить продумана фонова палітра, що базується на ахроматичних та майже нейтральних відтінках. Використання кольорів Carbon Black та Graphite дозволяє створити ефект глибокої темної теми, яка зменшує навантаження на очі під час тривалої роботи з розкладом. Ці відтінки сірого не є абсолютно чорними, що зберігає м'якість сприйняття та дозволяє іншим кольоровим акцентам виглядати більш виразно.Для світлого режиму та елементів інтерфейсу використовуються відтінки Porcelain та чистий White. Колір Porcelain, завдяки своїй ледь помітній «молочній» базі, слугує ідеальним тлом для контенту, створюючи відчуття чистоти та організованості. Це поєднання контрастних світлих і темних тонів забезпечує чіткий поділ функціональних зон застосунку, роблячи навігацію інтуїтивно зрозумілою. Відповідно до концепції Material Design 3, ця палітра використовується для побудови системи «поверхонь» (surfaces). Кольори Carbon Black та Graphite ідеально підходять для створення рівнів ієрархії через тіні та накладання, що є критичним для сучасних інтерфейсів. Такий підхід гарантує, що Unisched виглядатиме професійно та сучасно, забезпечуючи високу читабельність тексту та доступність для всіх категорій користувачів.
Назва кольоруHEX-кодЕлегантний опис 😄
Carbon Black#212121Матовий насичений чорний колір з натяком на графіт, що зображує сучасний мінімалізм, абсолютну сміливість та непохитну глибину.
Graphite#2E2E2EНейтральна, збалансована темрява з ледь помітними сріблястими відблисками, лунаючими слідами графітового олівця та тінистими міськими вежами.
Porcelain#F8FAF7Чітка, бездоганна яскравість з майже напівпрозорістю, що пропонує чіткість та витончену дорогоцінність.
Nearly white#FEFEFEБлискучий та абсолютний, що відображає нескінченні можливості, нові починання та чіткість чистого аркуша.
{% file src="/files/t0rcX54igMIFWt5YHdOu" %} Переглянути на Coolors --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://help.unisched.app/brandbook/design-and-colors.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.