Style your swatches

Once an option shows as swatches, fine-tune how they look — shape, size, spacing, colors — in Design. A live preview updates as you change things.

Adjust shape & size

1. In the AWE app, open Design.
2. Click Custom on the style you want to tune (Swatch, Card, Button, or Dropdown).
3. Adjust the controls — each has a slider and a number box:

   • Size — how big each swatch is.
   • Spacing — the gap between swatches (under Layout, along with alignment).
   • Plus corner radius, border thickness, and colors.

   

   Swatch design — size and spacing controls

Full-width dropdown

For the Dropdown style you can make the box stretch to the full width of its container instead of a fixed pixel width. Open Design → Dropdown, and next to Width size click the Full width toggle. When it's on, the width slider is replaced by 100% width; turn it off to go back to a fixed width you set with the slider.

Dropdown Full width toggle next to the Width size slider