Brand the widget to look like yours

Every visual the widget shows is set on the Appearance tab. Changes ship instantly — refresh your page and you’ll see them. The widget renders inside a Shadow DOM, so nothing leaks from your host CSS and nothing leaks out.

Colors

• Brand color drives the gradient on the teaser bar, the ribbon background, the icon badge and the dialog accent.
• Accent coloris used for highlights inside the share dialog — tier labels, the “you earned” chip, the success state.

Fonts

Pick from a curated list of 12 web fonts (Inter, Poppins, Roboto, Lato, Montserrat, Nunito, DM Sans, Open Sans, Manrope, Work Sans, Raleway, Plus Jakarta Sans). They’re loaded on demand when the widget renders, with a system-font fallback. If you need a specific font outside this list, email us — we can add it.

Logo

• Upload any square image (PNG, JPG, SVG, WebP, etc.) up to 1 MB. Square at 96×96 or larger tends to look best.
• Prefer not to upload? Paste a hosted logo URL instead — both options live on the Appearance tab.
• No logo? We render a gift icon badge tinted with your brand color.

Copy

• Teaser — the one line on the bar or ribbon, e.g. “Share Vellum & earn up to 50% off”.
• Headline — the top of the share dialog.
• Subhead — a short paragraph that sells the trade.
• CTA label — the share button text. Default: “Share & earn your code.”