Design settings overview

The Design step controls how the table looks on the storefront: templates, colors, fonts, spacing, and chrome (popup, tray, tabs).

By type

• Size charts — popup vs plain, trigger, table colors.

• Product Specs — layout templates (details panel, classic, cards, …).

• Comparison — grid/cards/spotlight, modal & tray, Add button.

• Tabbed — tab style and content/table colors.

• Us vs Them — highlight templates and column surfaces.

Refine with AI

Use Refine with AI on Design to adjust styling from:

• A written description (e.g. “dark green accents, cream background”)

• A screenshot of a design you like

• A website URL — the app reads public brand colors/fonts and maps them to your table type

Design refine keeps structure as-is and only merges design overrides after you confirm.