After you have completed your purchase, follow these steps to get started easily.
On a new site installation:
Download the latest Copilot version, install it, and activate it.
Plugin settings:
Setting min and max viewport for fluid calculation
In the Project Tab, set the minimum and maximum viewport sizes for calculating fluid sizes.
In the Theme Tab, click on the folder icon next to “Page” to open the Page setting. Here, you can set your page width. This setting will override the Breakdance global settings, so there’s no need to adjust it in Breakdance. You can also modify Typography and Spacing or leave them as is.
In the Color Palette Tab, by default, you will have a generated Brand color and Neutral color. The Brand color from Headspin will override the Brand color in Breakdance, so you only need to set it here (until we separate them and ensure Breakdance Global colors are not overridden by Headspin colors). Feel free to add more colors as needed for your project.
Setting page width
After adjusting all settings, be sure to hit the Save button.
In the Copilot header, click on “Sync”. Open a new tab and navigate to the Breakdance builder editor. Go to “Global Settings” > “Colors” and add a random color to the Palette. Keep this tab open and return to the tab with the Headspin dashboard.
In the “Sync” section, click on “Run sync” – now, colors from Copilot will be created in the Breakdance Palette. Remove the random color you had added.
Now, you can start copying and pasting wireframes from our site.
On an existing site:
Download the latest Copilot version, install it, and activate it.
Plugin settings:
In the Project Tab, set the minimum and maximum viewport sizes for calculating fluid sizes.
In the Theme Tab, click on the folder icon next to “Page” to open the Page setting. This will override the Breakdance global settings, eliminating the need to adjust it in Breakdance.
In the Color Palette Tab, by default, you will have a generated Brand color and Neutral color. The Brand color from Headspin will override the Brand color in Breakdance, so you only need to set it here in the Headspin plugin dashboard (until we separate them and ensure Breakdance Global colors are not overridden by Headspin colors).
After adjusting all settings, be sure to hit the Save button.
In the Copilot header, click on “Sync”. Open a new tab and navigate to the Breakdance builder editor. Go to “Global Settings” > “Colors” and add a random color to the Palette (if you haven’t already). Keep this tab open and return to the tab with the Headspin dashboard.
In the “Sync” section, click on “Run sync” – now, colors from Copilot will be created in the Breakdance Palette. Remove the random color you had added (if you had added one).
Now, you can start copying and pasting wireframes from our site.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
