Your client's brand variables rolled out on their Breakdance or Oxygen site (beta)
Add or update a client's brand variables, such as colours and spacing, in Breakdance or Oxygen 6 by their exact names, with a visual check before and after.
- Difficulty
- Advanced
- Time
- about 25 min
- Works with
- Breakdance, Oxygen 6
Switch to [client name]'s organization. On their [Breakdance or Oxygen] site, list the variables and their collections, and which classes use them. Then roll out these brand variables: [list, e.g. Brand-Ink #1B2A3A, Brand-Sand #EFE6D8, Space-L 48px]. Change the ones that already exist by their exact name and add the rest; leave every other variable alone. Before anything changes, check [pages] in a browser, show me old and new values, and tell me which names differ only in capitals from ones already there. After my approval, check the same pages again and list the change ids so we can undo them if the client asks.
Already connected?
If SAR is already in your AI app, this is enough:
On [client]'s [Breakdance or Oxygen] site, set the variables [list] by exact name, with a visual check before and after.
What happens
- The AI app switches to the client's organization for the rest of the conversation.
- It reads the site's design system: variables and their collections, classes and global settings.
- It matches each variable by id or exact CSS name. Brand-Ink and brand-ink are two different names, so it points out near matches. A new variable needs its name, type and value.
- It checks the pages you named in a browser. Variables change every page that uses them, so the change is approved in SAR with your password; the builder keeps its own revision and the global CSS is rebuilt.
- It checks the pages again and lists the change ids. Each change can be undone for 30 days.
Approvals involved
Worked out from the tools this recipe uses.
sar_select_organizationChoose an organizationNonewordpress_get_breakdance_design_systemBreakdance or Oxygen design systemNonesar_visual_checkCheck a page visuallyNonewordpress_save_breakdance_variablesChange Breakdance or Oxygen variablesApproval and passwordwordpress_list_changesRecent changesNone
What you get
The client's brand in variables on their site, with a record of what changed for your report.
Related recipes
- Design & builders · about 25 minAdd a pricing section to a Breakdance or Oxygen page (beta)Add a three-plan pricing section to a live Breakdance or Oxygen 6 page, built from the site's own elements in a draft copy you preview first.
- Design & builders · about 25 minA new Breakdance or Oxygen landing page, built as a draft (beta)Describe the page and get it as a draft made of Breakdance's own elements, styled for desktop, tablet and phone, with a preview link before it goes live.
- Design & builders · about 15 minReorder sections and change button texts on a Breakdance or Oxygen page (beta)Move sections up or down and rename buttons on a live Breakdance or Oxygen 6 page, element by element, in a draft copy you preview before it goes live.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.