Styles are sets of reusable object properties such as Fills, Borders, Effect and text properties that are saved for later use. They give a designer huge power in making design changes quickly. They help to keep the design language consistent throughout the design process.
If you change some of the properties of an object with applied shared style, the change(s) will be propagated to all other objects that share the same style. Gravit doesn’t sync styles automatically. Once you made the changes you can sync them with a click of a button.
Create a Shared Style
To create a new shared style head over to the Style section under the Appearance panel.
Select Create New Shared Style opinion from the drop-down
It brings up a Style Creator(1) dialog box where you can set a name(2) of the shared style and control what properties to write inside it(3).
Style – this includes the object’s Blending mode and Opacity,
Fill – all applied fills with all their properties
Border – all applied borders with all their properties
Effects – all applied effects with all their properties
Text – Character and Paragraph properties – Font Family (Typeface), Font style (Bold, Italic, etc.), Font Size, Color, Paragraph Alignment (Left, Center, Right and Justify), Letter Spacing (Tracking), Word Spacing, Line Height (Leading). Text properties are selected automatically is the text object is selected.
While most of the time the styles will contain all the object’s properties, fine granular control over what is synced can be very handy in certain situations when you want to keep only parts of design consistent (For example keeping effects in sync, but having different fills and borders).
Apply the Graphic Style
Once the shared style is created you can apply it to other objects. Select an object or a group of objects and head over to the Style Dropdown.
Select the name of the shared style.
Viola! That’s all you need to transport a huge number of effects and other properties from one object to another.
Sync the Shared Style
Once you changed some properties of the object, you can change the shared style by clicking the sync button.
All changes would be reflected in the objects with the same shared style.
Manage the Shared Style
To delete, rename or edit the styles visit the Organize Shared Style option within the style drop-down.
It brings up the Style Organizer dialog with all available shared style.
Come over a particular style to reveal the delete(2) and edit(3) icons.