material-components
Saving design styles
Feature description
Explore the best way to handle users saving their own changes from within the Customizer user interface. That way they can style their theme, and save the style as an option alongside the default options.
At the end of this Sprint we'll have a solution ready for development. So this is primarily a design task.
As a user I should be able to give another user my material theming so they can get started from my elements. Long term Material gallery.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
- This is mostly theme styles, but templates could be relevant.
- Material doesn't have a way to save Custom theme.
- So we must have a backlog item for some kind of Changesets, some capability for saving and editing.
- As simple as saving your custom theme, maybe sharing is another issue.
- In future they'd like to have a different theming tool, export it, and import into Customizer.
Insight from user research: Some clicked to edit the custom style - were frustrated not clickable. They would like to be able to save their own custom style and rename it to use later.
Implementation brief
QA testing instructions
Demo
Changelog entry
Discussion:
Two things to explore here.
- Just a simple save function for the custom style
- Actual saving names of various themes and loading them, etc.
Leaning toward this option.
- User is presented initially with four styles: Baseline, Crane, Fortnightly, Shrine
- User cannot delete these styles, but can switch between them.
- If settings are changed within one of those styles, a new style is generated with a placeholder name
- User can also create a new style at anytime, and then delete the user-added styles
Still needs some more prototyping though.
Link to work in discovery and iteration: https://www.figma.com/file/cNKMIkWy3I0YQBZ6GpSpNG/MDC-Web?node-id=1984%3A37850
Status Update = a rough draft:
This is in the Figma link above.
- Have a "slush" theme you're always editing, it's the custom space to do what you want. Then you can save snapshots of that at anytime.
- If you have custom theme and want to return to
Baseline,
