Astro Admin — Style Presets 2026-10-14 — Astro Admin setup

00:00:00 — Style Presets
Welcome to the Agentic Ecom Astro Admin guide to style presets. We're using the Sync Comms storefront to show the current controls. We'll review the workflow with previews, without saving changes to this live store.

00:00:14 — Review the active site-wide style
Open Style Presets. The Global Storefront Form and Structure panel shows the current style selection and Apply Style. One style affects the whole storefront, including surfaces, borders, corner shapes, shadows, motion and button appearance. It does not choose the page's block arrangement.

00:00:34 — Compare built-in sample cards
Use Built-in to browse the supplied styles. Each card includes a sample of the style's surface and button treatment, plus its identifying information. Compare a few options with your brand and product images in mind. The sample Primary action buttons demonstrate appearance; they are not the site-wide Apply Style control.

00:00:56 — Find a preset quickly
The search field filters the gallery by preset details. Use a specific name, such as Core, to find a known option. The Custom tab shows styles stored for this site. Export creates a reusable JSON file for moving an existing preset to another environment through Import Preset.

00:01:15 — Apply deliberately, then verify
When you have chosen a style on your store, select it in the top dropdown and click Apply Style. Rebuild the affected storefront pages and inspect product cards, forms, buttons and mobile spacing. For custom style creation, use the editor capabilities available in your deployed version; this current gallery does not display an Edit control on each built-in card.

00:01:40 — Your next steps
To put this into practice, compare style samples, choose the intended global preset, apply then rebuild and check key pages. Test the complete result on your own staging storefront before publishing. You can follow the written Astro Admin guides at user guides dot Agentic Ecom dot net.