Symbol Design. Color Scheme.

Guide contents:

1. Getting Started—How to install Symbol.
2. Color Scheme (You are here)— Learn how to add and change color pallete.
3. Typography— Adding and replacing fonts.
4. Elements — Explore the core of Symbol Design.
5. Components — Adding new base components.
6. Collection — Set of components which ready-to-use in your project.
7. Plugins — List of helpful plugins for use with Symbol Design.
8. Summary — Create your first web-site.

Setup color palette

Frames by default contains 10 colors that can be changed globally across the document, you only need to select Fill layers and overwrite them with new properties, then apply the changes, and voila everything is synced and new color is now available for all components that have Color attribute in the overrides menu!

Так же вам нужно настроить оттенки черного. Темные цвета представлены как градация серого так и черный с прозрачностью.

Add new colors

Ты можешь легко добавить новый цвет в цветовую палитру. Для этого надо создать на страницу Elements новый артборд размером 120x69 пикслей. Название артборда должно быть вида Elements / Colors / Type / Color Name. Так вы сможете интегрировать его в с список символов. Внутри арборда создайте прямоугольник с названием 🎨 Color и закрасьте его цветом который вам нужен. Теперь новый цвет будет доступен в для использования в овверадах у любого