Design system
Review and edit the brand styles Spar captured from your store (colors, fonts, buttons, inputs, cards, and badges).
When Spar profiles your store it captures a design system: the colors, fonts, and component styles your theme uses. Generated variations reuse these styles, so test variants look native to your store.
Find it under Settings → Design system. Each card shows the captured values alongside a live preview:
- Colors — your brand color palette.
- Typography — the fonts used for headings and body text.
- Button styles — shape, spacing, and colors of your buttons.
- Input styles — how form fields look.
- Card styles — product and content card treatments.
- Badge styles — badge colors, spacing, and per-type variants like "Sale" or "New".
Everything is editable. If Spar captured something wrong, or your theme changes, update the values here and future variations pick up the change.
Screenshot needed
Design system settings page showing captured brand styles with live previews for colors, typography, and components
/screenshots/settings/design-system.pngLast updated on