updated on 16 May 2019 | reading time: 3 minutes

Organizing your designs

Shared Styles

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.

Shared style section

 

Select Create New Shared Style opinion from the drop-down

Create a new shared style option

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 Creator Dialo box

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

TextCharacter 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).

Note: the shared style can be inherited by the upcoming object. Once you made the shared style, its properties would be reflected in the new objects.
Shared styles are inherited

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.

Shared style Dropdown

Select the name of the shared style.

Select 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.

Sync shared style

All changes would be reflected in the objects with the same shared style.

Reflect the changes to other objects

Note:  Shared styles are synced only within a single document.

Manage the Shared Style

To delete, rename or edit the styles visit the Organize Shared Style option within the style drop-down.

Style Organizer option

It brings up the Style Organizer dialog with all available shared style.

Style Organizer

Come over a particular style to reveal the delete(2) and edit(3) icons.

Tip: If you want to copy a shared style to another document. Select an object with that style applied. Copy and Paste in the new document. The style will be transferred with the object. Now you can delete the pasted object