Студія бренду

Студія бренду (Brand Studio) за адресою #/start - це єдине місце, де ви формуєте свій бренд: логотипи, кольори, шрифти, решту токенів і файли, які він зберігає. Налаштуйте це тут один раз, і кожен інструмент, сторінка й експорт слідуватимуть цьому за побудовою, а не за перевіркою.

Зміни попередньо переглядаються наживо в усьому застосунку, тож ви бачите, як колір чи шрифт лягають повсюди ще до того, як зафіксуєте їх. Усе це відбувається на пристрої: файли й токени вашого бренду ніколи не залишають ваш комп'ютер (вибір шрифту Google Font одноразово завантажує саме цю гарнітуру з Google після діалогу згоди), і бренд подорожує у вигляді одного файлу пакета бренду.

Це - редактор. Дашборд - лише дзеркало. Вкладка Design system (Дизайн-система) на Дашборді (#/d) показує ваш бренд лише для читання; редагуєте ви його тут, за адресою #/start. Якщо захочете згодом змінити колір, повертайтеся до Студії бренду.

Кімнати

Студія - це набір кімнат, перелічених на бічній панелі - не кроків. Нічого не пронумеровано, ніщо не залежить від чогось іншого, і потрапити в будь-яку з них цілком правомірно:

• Overview (Огляд) - центр. Те, що існує зараз, одним поглядом, з дверима до кожної кімнати.
• Colours (Кольори) - додавайте кольори по одному, призначайте ролі або генеруйте цілу палітру з одного.
• Type (Шрифти) - чотири гарнітури, які використовують застосунок, ваші інструменти й кожен експорт.
• Logos (Логотипи) - ваші знаки в кожній орієнтації та обробці.
• Tokens (Токени) - радіус кутів, відступи, тіні та решта системи.
• Files (Файли) - зображення, аудіо- та відеофайли, які зберігає ваш бренд.

На телефоні той самий список перетворюється на горизонтальну смугу чіпів, закріплену під заголовком. Перемикання кімнати ніколи нічого не перезавантажує - редактор тримає всі панелі змонтованими й просто показує ту, яку ви запросили.

Пряме посилання на кімнату через #/start?area=<key>. Ключі: overview, color (зверніть увагу на американське написання в URL), type, logos, tokens, catalogue (кімната Files - ключ панелі є постійним контрактом, тож URL зберігає стару назву) та versions. ?tab= - це давній псевдонім того самого й досі працює, тож старі посилання й закладки продовжують функціонувати; усе нерозпізнане відкриває Overview, а не завершується глухим кутом.

У нижній частині панелі закріплені дії, що стосуються всієї дизайн-системи, а не однієї кімнати:

• Add from… (Додати з…) - вибір джерела для перенесення бренду з файлу, PDF, зображення, шрифту чи вебсайту. Див. Перенесення бренду нижче.
• Tray (Лоток) - кандидати, які знайшло сканування, але ще не зафіксувало. Він лишається прихованим, доки сканування справді щось не збереже, і тоді показує лічильник; нічого в ньому не змінює ваш бренд, доки ви не натиснете Add у відповідному рядку.
• Export (Експорт) - записує весь бренд як один файл LollyBrand-…zip.
• Tokens (.json) (Токени) - самостійний документ звичайних токенів дизайну для репозиторію, кроку збирання чи іншого інструмента токенів.
• Versions (Версії) - публікуйте, активуйте й відновлюйте іменовані копії дизайн-системи. Приховано, доки немає чого публікувати власного (або поки посилання ?area=versions не запросить її за назвою).

signed by Lollyvector SVG2026-08-24Перевірте саміGet the signed file20 paths~1.1k nodes37 groups19 KBsigned by Lollyvector SVG2026-08-24Перевірте саміGet the signed file20 paths~1.1k nodes37 groups19 KBTry it in the app

Overview (Огляд)

Overview - це кімната, у яку ви потрапляєте одразу, і вона має два обличчя.

Коли ще нічого не налаштовано, вона пропонує двоє дверей - Start from a file (Почати з файлу) (токени дизайну, проєкт Penpot, пакет дизайн-системи або SVG) і Start from scratch (Почати з нуля) (додайте один колір, а тоді продовжуйте, коли забажаєте) - і тихий вихід Explore the tools (Перейти до інструментів) під ними, адже піти - це теж правомірна відповідь.

Щойно дизайн-система існує, та сама кімната показує що у вас є: палітру та кількість кольорів у ній, чинні гарнітури шрифтів, скільки заповнено слотів логотипів, скільки токенів і кімнату Files. Кожен блок - це двері до своєї кімнати. Тут є лічильники, але ніколи немає індикатора прогресу й ніколи немає картки завершення - у цій студії нікому нічого не винні.

Logos (Логотипи)

Почніть із того, щоб висипати всю папку зі знаками у зону перетягування вгорі: "Drop marks here, or choose several at once" ("Перетягніть знаки сюди або виберіть кілька одразу") приймає стільки файлів, скільки у вас є, за один раз. Кожен файл зчитується за формою та фарбою, а тоді ставиться в чергу під Waiting for a slot (Очікує слот) як чіп, що повідомляє свою здогадку - "Схоже на Horizontal primary", з вимірюванням, на якому вона ґрунтується, і кнопкою Place (Розмістити) (Replace (Замінити), якщо слот уже заповнено). Коли впевненості немає, чіп прямо про це каже і натомість пропонує Change slot (Змінити слот), який перелічує всі вісім. Нічого не розміщується, доки ви щось не натиснете.

Навколо цієї черги відбуваються дві речі. Знак із зайвими порожніми полями спершу отримує пропозицію обрізки - дайте відповідь або натисніть Escape, і оригінальний файл увійде без змін. А там, де знак може заповнити порожній сусідній слот, кімната пропонує похідну версію mono чи reverse як окремий чіп, позначений Generated (Згенеровано), який знову зникає, якщо ви заповните той слот іншим способом.

Під цим розташована сітка, у якій опиняється кожен знак - слоти орієнтація × обробка:

• Orientations (Орієнтації): Horizontal (словесний знак + символ у рядок) і Vertical (складено, для квадратних і високих просторів).
• Treatments (Обробки): Primary, Primary reverse (для темних фонів), Mono (один колір) і Mono reverse.

Це вісім опційних слотів. Клацніть слот, щоб додати PNG, SVG, JPEG або WebP; клацніть заповнений слот, щоб замінити його. Кожен слот опційний, і все залишається на цьому пристрої.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file8 paths~4.8k nodes19 groups54 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file8 paths~4.8k nodes19 groups54 KB

• Custom marks (Власні знаки) - додайте знаки, які ваш бренд називає по-своєму (іконку, герб, фавікон) у розділі Custom marks; назвіть і виберіть файл.
• More identities (Інші ідентичності) - субренд, продукт чи подія можуть мати власний повний набір логотипів. Скористайтеся + Add another logo (Додати ще один логотип) і назвіть його; ваш основний набір - просто "Your logo".
• Завантажте SVG, і Lolly зчитає його кольори. На абсолютно новій інсталяції він тихо встановлює ваш основний колір із логотипа й повідомляє про це. На наявному бренді натомість він пропонує колір як підказку - "Знайдено в логотипі: #…" з кнопкою Use as primary (Використати як основний) поруч - у кімнаті Colours, де ви можете прийняти або відхилити її.

Colours (Кольори)

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file114 paths~26k nodes149 groups4 images523 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file114 paths~26k nodes149 groups4 images523 KB

Найбагатша кімната, у двох панелях. Ліва - місце, де ви працюєте; права - ваша жива палітра. Перетягніть роздільник між ними, щоб змінити розмір (Enter на ньому згортає палітру з дороги).

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file61 paths~9.4k nodes77 groups200 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file61 paths~9.4k nodes77 groups200 KB

Додайте колір, а тоді дайте йому роль

Add a colour (Додати колір) - це весь простий шлях: вставте або оберіть колір у будь-якому записі, і він стане рівно одним токеном. З нього нічого не виводиться, у нього нічого не підказується, більше нічого не вимагається. Вставте цілий список кольорів, і кожен стане чіпом, який можна додати окремо.

Roles (Ролі) - це шар зверху: який колір відіграє яку роль. Ролі опційні (дизайн-система з трьох окремих кольорів без жодної ролі цілком годиться), будь-який зразок може отримати роль, а показник контрасту вимірюється відносно поверхні, спершу за APCA.

Розширені секції

Під цими двома розташовані чотири згорнуті секції. Відкрийте потрібну; на кожну можна дати пряме посилання як #/start?area=color&focus=<wing>:

• Generate a starter palette (Згенерувати початкову палітру) (focus=generate) - один колір перетворюється на повний набір відтінків. Описано нижче.
• Shade curves (Криві відтінків) (focus=curves) - переформовуйте градацію точка за точкою. Світлість, насиченість і відтінок кольору мають власну криву кожен, перемикаються через L / C / H, а відтінки нижче перезбираються наживо, поки ви перетягуєте.
• Contrast (Контраст) (focus=contrast) - Contrast-lock (Фіксація контрасту) перетонує градацію, щоб досягти цілей APCA відносно обраного вами фону, кожен крок зберігає власний відтінок і насиченість; Rotate hue (Обернути відтінок) повертає всю градацію суцільно по колу, кожен відтінок зберігає світлість і насиченість.
• Print (Друк) (focus=print) - чим стає основний колір у друку: його автоматичне значення для екрана, зафіксована збірка CMYK або натомість іменована плашкова фарба.

Один колір - ціла палітра

Усередині Generate a starter palette оберіть Primary colour (Основний колір), і Lolly вирахує повну палітру - світлі й темні поверхні, текст, акценти та повні градації освітлення/затемнення - використовуючи ту саму перцептивну кольорову математику (OKLCH), яку рушій застосовує повсюди. Налаштуйте виведення:

• Scheme (Схема) - Mono, Complement, Analogous або Triad - визначає, як другорядний колір співвідноситься з основним.
• Shades (Відтінки) - повзунок від 3 до 20 (типово 5) керує кількістю кроків у кожній градації.
• Fine-tune (Тонке налаштування) (згорнуто) - UI intensity (Інтенсивність інтерфейсу) (Muted / Deep), Contrast (Контраст) (Comfort / High) і Text on brand (Текст на бренді) (Auto / Light / Dark).

Ніщо в цій секції не записує нічого у ваш бренд. Це попередній перегляд, живий у всьому застосунку, щоб ви могли оцінити його, аж доки не натиснете Replace palette (Замінити палітру) (нижче).

Під основним кольором ви побачите живі градації Primary / Neutral / Secondary / Blend та зразкові картки Light і Dark, кожна з власним показником контрасту - коефіцієнт WCAG із показником APCA Lc поруч. Клацніть крок у градації Neutral або Secondary, щоб закріпити цей відтінок замість похідного типового.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file25 paths~4.6k nodes60 groups57 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file25 paths~4.6k nodes60 groups57 KB

Створіть свою палітру (генератор гармоній)

Ще в тому самому крилі Build your palette генерує відповідні акцентні кольори на основі вашого основного. Оберіть Harmony - Complementary, Adjacent, Triad, Tetrad або Analogous (який має власну кількість Accents, від 2 до 5, і Angle відтінку від 10° до 45°) - і кожен варіант надходить із автоматично згенерованою зрозумілою назвою та кнопкою + Add. Додавання одразу додає цей колір до вашої палітри, одне натискання - один токен. "Your palette, applied" показує весь набір у дії на реальній графіці.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file8 paths936 nodes14 groups15 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file8 paths936 nodes14 groups15 KB

Застосування згенерованої палітри

Replace palette - єдиний елемент керування в цьому крилі, який щось записує, і робить це не одразу. Натисніть її, і спершу відкриється картка перевірки під заголовком "Replace the palette?", де перелічено саме те, що зараз станеться: скільки ролей залишаться такими, як ви їх призначили, скільки доданих вами самими кольорів буде збережено, скільки кривих відтінків буде переприв'язано, скільки друкарських блокувань буде переприкріплено, скільки прихованих відтінків залишаться прихованими, скільки опорних точок градієнта збережуть свій колір.

Replace palette на цій картці застосовує зміни; Cancel відхиляє їх, нічого не змінюючи. Після виконання картка стає "Palette replaced." з одразу сфокусованою кнопкою Undo - а контрольну точку всієї дизайн-системи буде створено до заміни, тож "повернути як було" - це відновлення, а не втрачений вечір.

Палітра, діаграма та кожен зразок

Права панель перелічує кожен колір вашого бренду, згруповані (Primary, Neutral, Secondary, Spectrum, Custom, Roles), кожна група згортається і має власну кнопку + Add. Нижче панель Colour chart розгортається у два перегляди тих самих зразків: Wheel (колесо OKLCH - перетягніть точку, щоб перефарбувати її, натисніть точку, щоб редагувати, або натисніть порожнє місце, щоб додати новий зразок) і діаграму Gamut, яка показує, де насправді закінчується діапазон кольорів, що відображаються. #/start?area=color&focus=chart відкриває картку напряму, як і завжди робить ?wheel.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file155 paths~14k nodes199 groups1 image191 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file155 paths~14k nodes199 groups1 image191 KB

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file274 paths~3.7k nodes67 groups83 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file274 paths~3.7k nodes67 groups83 KB

Натисніть будь-який зразок, щоб відкрити його редактор:

• Rename його.
• Set the colour - селектор відкривається на перцептивних повзунках OKLCH з режимами Hex, HSL, RGB і CMYK; поле значення зчитує й записує в тому просторі, який активний, тож можна вставити hex або ввести відсотки фарби. Зверніть увагу, що введення CMYK встановлює екранний колір через конвертацію - щоб зафіксувати точні фарби, скористайтеся блокуванням друку нижче.
• Stored as - оберіть, як зразок зберігається: LCH (типово - перцептивний, широкий гамут, найкращий вибір для редагування), Hex, RGB або HSL. Перевизначте це, коли потрібно зафіксувати точний застарілий hex або відповідати значенню sRGB.
• Use as - призначте цьому зразку одну з ролей бренду напряму, без повернення до панелі Roles. (Плитка самої ролі цього не пропонує - роль не може взяти роль.)
• Print substitutes (згорнуто) - зафіксуйте поведінку кольору при друці:
• CMYK - перемкніть із Auto на Locked, щоб перевизначити автоматичну конвертацію sRGB→CMYK точними значеннями фарби (C/M/Y/K, 0–100).
• Spot colour - перемкніть із None на Set, щоб зафіксувати зразок як плашковий колір; вкажіть Name (наприклад, PANTONE 186 C), необов'язковий Book і необов'язковий Finish (звичайна фарба за замовчуванням) для випадків, коли фарба - це взагалі не фарба: фольга, тиснення опукле чи угнуте, вибіркове лакування, soft touch або висічка, біговка чи перфорація.
• In other spaces (згорнуто) - та сама ідея, ширше: кожен рядок - це простір, у якому може бути виражений цей зразок, або похідний від канонічного значення, або заданий вами, і заданий вами має пріоритет при експорті.

Ці блокування друку використовуються друкарнею, коли ви експортуєте CMYK PDF або TIFF - див. Експорт.

Видалення зразка відбувається безпечно: похідні кроки рампи та ролі теми приховуються (базовий токен продовжує розв'язуватися, тож нижче за потоком нічого не ламається), тоді як кольори, додані вами самостійно, видаляються повністю.

Градієнти

Необов'язкова панель Gradients будує токени змішування кольорів для фонів та акцентів на основі вашої палітри. Повністю пропустіть це, якщо ваш бренд не використовує градієнти. Кожен градієнт має попередній перегляд, іменовані опорні точки (2–8) і кут. Ключова поведінка: опорна точка посилається на зразок, тож перефарбуйте цей зразок - і градієнт зміниться слідом. Інтерполяція виконується в OKLCH для чистих переходів. Видаліть опорну точку, щоб скоротити перехід.

Перенесіть палітру в інше місце

Плаваюча таблетка, закріплена внизу панелі палітри, завантажує всю палітру як Design tokens (JSON), CSS variables, CSS classes, SCSS variables, GIMP palette (.gpl) або Adobe Swatch Exchange (.ase) - тож бренд одразу підходить для Illustrator, Figma, GIMP або таблиці стилів. Вона розташована поза прокруткою панелі, тож залишається на місці, як би далеко ви не прокрутили палітру. (Палітру також можна завантажити з перегляду Каталогу.)

Шрифти

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file74 paths~11k nodes99 groups234 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file74 paths~11k nodes99 groups234 KB

У цьому розділі на першому місці чотири рольові картки - чотири гарнітури, які насправді читає застосунок, ваші інструменти та кожен експорт. Кожна картка показує, що зараз обслуговує цю роль, набране цією гарнітурою, з рядком реального тексту під нею:

• Primary - основний текст, кнопки та кожен інструмент.
• Headings - гарнітура для заголовків h1/h2.
• Code - моноширинна гарнітура для коду та даних.
• Italic - справжній курсивний компаньйон для виділення, цитат і приміток.

Headings, code та italic за замовчуванням успадковують primary, доки ви їх не призначите, тож бренду з одним шрифтом тут узагалі не потрібно нічого вирішувати. Ніщо на картці нічого не застосовує одразу: Change (або Choose a face для порожньої ролі) відкриває сцену порівняння, обмежену цією роллю.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file59 paths~9.3k nodes73 groups196 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file59 paths~9.3k nodes73 groups196 KB

Сцена порівняння

Сцена відкривається прямо в розділі, а не у діалоговому вікні, тож картки, з яких ви прийшли, залишаються на екрані. Знайдіть сімейство Google Fonts (Inter, Fraunces, Space Grotesk…) або перетягніть файл шрифту, натисніть Add to the comparison, і кандидати стануть поруч, набрані тими самими словами, ще до того, як будь-хто з них встановиться. Escape скасовує дію і повертає фокус клавіатури картці, з якої ви це відкрили.

Це єдині двері, тому в ваш бренд нічого не входить непоміченим. Під сценою розташовані дві панелі керування:

• Fonts on this device - кожна встановлена гарнітура, ролі, які вона обслуговує, і кнопка видалення. Add a face тут відкриває ту саму сцену порівняння без обмеження за роллю.
• Your fonts - завантажте TTF, OTF або WOFF зі свого пристрою. Це шлях для ліцензованої корпоративної гарнітури, яку ви вже маєте.

У будь-якому разі гарнітура залишається на цьому пристрої, відображається в застосунку, у ваших інструментах і в кожному експорті, назавжди офлайн, і подорожує разом із вашим пакетом бренду - під час рендерингу нічого не завантажується. Усе на Google Fonts постачається за відкритою ліцензією (OFL/Apache/UFL).

Панель Type roles внизу показує живий зразок кожної ролі - основний текст та інтерфейс у primary, необов'язкова гарнітура для верхніх заголовків, курсив для виділення, моно для коду й даних - тож можна побачити весь набір у роботі разом.

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file17 paths~5.6k nodes29 groups68 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file17 paths~5.6k nodes29 groups68 KB

Токени

Решта дизайн-системи, яку можна редагувати без звернення до коду:

signed by Lollyvector SVG2026-09-03Перевірте саміGet the signed file73 paths~14k nodes95 groups1 image292 KBsigned by Lollyvector SVG2026-09-03Перевірте саміGet the signed file73 paths~14k nodes95 groups1 image292 KB

• Rounded corners - один повзунок радіуса (0–1.5rem), якому підпорядковуються картки, кнопки й панелі в усьому застосунку.
• More tokens - додавайте та редагуйте spacing, sizing, stroke width, opacity, rotation, звичайні numbers і shadows. Оберіть тип, дайте йому назву (Gutter, Card shadow…) і встановіть значення. Вони зберігаються як стандартні дизайн-токени (DTCG) і подорожують разом із вашим брендом.

Файли

Розмістіть тут файли, які зберігає ваш бренд - окрім логотипів: vector, image, audio і motion (відео, Lottie, анімація) файли. Вони потрапляють до вашого Каталогу, відсортовані за розділами і готові в засобі вибору файлів кожного інструмента. Усе залишається на цьому пристрої. (На панелі розділ називається Files; URL-ключ залишається catalogue, тому що ключ панелі - це постійний контракт.)

Імпортуйте бренд

Add from… внизу панелі відкриває двоетапний вибір. Перший етап запитує, що у вас є, а не який це формат:

• Design tokens or a design file - DTCG або Tokens Studio JSON, проєкт Penpot, zip-архів наборів токенів, пакет дизайн-системи Lolly або SVG.
• PDF - презентація або файл гайдлайнів, зчитується на цьому пристрої для отримання кольорів, міток і вбудованих гарнітур.
• Image - скриншот або фотографія; її кольори зчитуються на цьому пристрої, і нічого не завантажується на сервер.
• Font file - TTF, OTF або WOFF. Відкриває розділ Type, де гарнітура встановлюється.
• Website - одна сторінка, зчитана для отримання кольорів і шрифту. Ця плитка з'являється лише на пристрої, який справді здатен прочитати сторінку, бо вимкнена плитка, що рекламує щось, на що ніхто не може натиснути, гірша, ніж відсутність плитки взагалі. Там, де вона з'являється, чітко вказано, хто читає: застосунок на цьому пристрої або розширення браузера у фоновій вкладці, увійшовши як ви. Вказання URL лише попередньо заповнює поле - згодою є кнопка отримання, тож посилання, яке хтось вам надішле, ніколи не може самостійно розпочати читання.

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

signed by Lollyvector SVG2026-08-24Перевірте саміGet the signed file19 paths~3.2k nodes35 groups2 images175 KBsigned by Lollyvector SVG2026-08-24Перевірте саміGet the signed file19 paths~3.2k nodes35 groups2 images175 KB

Що дає кожен файл дизайну:

• пакет LollyBrand (.zip) - встановлюється за один крок;
• експорт Penpot (.penpot) - підтягує його дизайн-токени;
• файл Design Tokens (.json) - W3C DTCG;
• файл Tokens Studio (.json) - Tokens Studio;
• звичайний SVG (.svg) - Lolly сканує його кольори і дає змогу обрати, які зберегти, перший стає вашим основним.

Встановлення з джерела спершу створює контрольну точку, тож "повернути до стану перед імпортом" - це одне відновлення. І те, що знаходить сканування, не потрапляє одразу в систему: кандидати потрапляють до Tray, де кожен додається окремим натисканням, через розділ, якому належить цей тип матеріалу.

#/start?source=<kind> відкриває вибір джерела за заданим типом (file, pdf, image, font, url), а ?import відкриває його на звичайному списку.

Перенесіть бренд між пристроями

Export внизу панелі записує єдиний файл LollyBrand-…zip - ваші токени, шрифти, логотипи та налаштування теми, з маніфестом цілісності, який перевіряється під час зворотного імпорту. Поруч Tokens (.json) записує лише звичайний документ дизайн-токенів окремо: без шрифтів, без логотипів, лише токени - те, що насправді читає репозиторій, крок CI або інший інструмент роботи з токенами.

Повернути його - це Add from… → Design tokens or a design file (вище) або перетягування прямо на студію. Так колега передає вам бренд, або так ви переносите його на другу інсталяцію - без облікового запису, без хмари. Щоб натомість імпортувати бренд із командного рядка, див. ingest:brand.

Версії

Версії у нижній частині панелі - це те місце, де дизайн-система перестає бути рухомою мішенню. Опублікуйте одну - і ви отримаєте постійну, іменовану копію, збережену на цьому пристрої: вона більше ніколи не змінюється, тож інструмент, що закріплюється на ній, і надалі малює те саме. Панель залишається прихованою, доки не з’явиться щось власне для публікації, тож студія, яка ніколи не публікує, ніколи не бачить елементів керування.

Три речі варто знати, перш ніж щось натискати, і панель повідомляє всі три до натискання, а не після:

• Версія постійна. Видалення поки що немає, тому панель зазначає, що було збережено, і що воно лишається збереженим, а не пропонує кнопку, яка бреше.
• Видалення очолюють картку сумісності. Додані й змінені токени - це новини; а видалений - це те, що ламає інструмент, тому його називають першим і називають тим, чим він є.
• Публікацію не можна скасувати; відновлення - можна. Відновити останню версію з цієї версії - це звичайна правка головної версії, тож вона потрапляє у стек скасування студії, і панель одразу пропонує вам Скасувати.

Ви можете Publish only або Publish and make active - різниця в тому, чи будуть інструменти й застосунок надалі слідувати цій версії, чи продовжать слідувати вашій останній правці. Follow the latest again робить кожну правку миттєво активною. #/start?area=versions відкриває панель напряму.

Коли бренд зафіксований

Деякі збірки постачаються із зафіксованим брендом - його кольори, шрифти й токени є тим, що використовують усі інструменти й експорт, і змінювати тут нічого. У такому разі студію замінює короткий напис, що пояснює: ця збірка постачається із фіксованим брендом і редагування вимкнено. Це навмисно: саме так організація гарантує, що все залишається у межах бренду.

Куди рухатися далі

• Using Lolly - полотно, збереження, проекти та каталог.
• Design Tokens - модель токенів, у якій виражений ваш бренд.
• Exporting & formats - одиниці друку, CMYK і формати, у які рендериться ваш бренд.