Основа стилю

Правила оформлення: від шрифтів і кольорів до відступів та ілюстрацій.

Розділяй текст заголовками й відступами. Вирівнюй ліворуч. Рамки потрібні для кнопок, полів і вузлів схеми.

JetBrains Mono для заголовків, кнопок і чисел. Fixel Text для тексту. Числа в таблицях вирівнюй праворуч.

Прямі кути, без тіней і декоративних градієнтів. Не набирай текст великими літерами й не збільшуй відстань між ними.

Серії на графіку: корал, синій, м’ятний, фіолет. Якщо серій більше чотирьох, розділи графік. Статуси підписуй словами.

Ширина тексту - до 640 px. Підписи мають добре читатися. Кнопки й поля мають працювати з клавіатури.

Спрайт - піксельна іконка розміром 24 × 24 px. Не став іконки в заголовки чи кнопки. Рукописні примітки додавай на запит.

З’єднуй кроки схеми дротами. Додай паузу й перегляд без анімації. Підписуй кроки, щоб рух не був потрібен для розуміння.

Дизер - піксельний візерунок. У графіках він позначає неповні дані або прогноз. Зовнішні системи підписуй словами.

Колір і теми

Для звітів обирай світлий Папір, для інтерфейсів і проєктора - темне Вугілля. В одному матеріалі використовуй одну тему.

корал#c04f31

синій#3a6cbf

м’ятний#2f8f63

фіолет#8256b8

Для тексту використовуй колір чорнила, для підписів - сірий. Підписи теж мають добре читатися.

папір

чорнило

підпис

другорядний

JetBrains Mono і Fixel Text.

Обсяг роботи
1 200 · 31 хв · 4,2%

Заголовки, кнопки, числа, дати й коди.

Записи за серпень

Українські літери: Ґґ Єє Іі Її. English: records for August.

Основний текст: 16 px, ширина до 640 px.

У Word використовуй Consolas і Calibri.

Розміри в пікселях.

16 між близькими елементами. 24 або 32 між групами. 64 або 96 між великими розділами.

Обирай тему й ілюстрації під задачу. Зберігай шрифти, читабельні підписи та доступне керування.

Додавай графік або ілюстрацію, якщо вони допомагають пояснити зміст.