> ## Documentation Index
> Fetch the complete documentation index at: https://aov-docs.fstack.asia/llms.txt
> Use this file to discover all available pages before exploring further.

# Design customization

> Match every offer to your storefront's look and feel

Every offer type shares the same design system, so once you're familiar with it you can style any offer the same way. Changes appear in a live preview as you edit, and only affect that specific offer — you can give each offer its own look, or reuse a style across all of them.

## What you can customize

<AccordionGroup>
  <Accordion title="Colors">
    Set a theme color that drives the selected state, borders, and accents throughout the widget. You can also set individual colors for text, backgrounds, discount labels, badges, and prices if you want more control than the single theme color gives you.
  </Accordion>

  <Accordion title="Fonts">
    Pick a font family (or inherit your theme's default font), and set the size and weight independently for the heading, offer titles, subtitles, prices, and badges.
  </Accordion>

  <Accordion title="Borders and corners">
    Control border width, border color, and corner radius on offer tiers/cards — from sharp corners to fully rounded, and from no border to a bold outline.
  </Accordion>

  <Accordion title="Badges">
    Choose a badge style (default, sticker, or ribbon) for callouts like "Most Popular" or "Best Deal", and set its text and background color.
  </Accordion>

  <Accordion title="Layout">
    Depending on the offer type, choose between vertical and horizontal layouts, and control spacing and padding.
  </Accordion>
</AccordionGroup>

## Tips

* Start from your theme's existing colors and fonts so the offer blends in rather than standing out as an obvious app widget.
* Use a badge sparingly — one clear "Most Popular" or "Best Deal" callout is usually more effective than badging every tier.
* Preview the offer on both desktop and mobile before publishing; see the [FAQ](/faq) if you don't see your changes reflected on the storefront.