For the complete documentation index, see llms.txt. This page is also available as Markdown.
Branding
Put your logo and colours on your store and checkout so customers recognise where they are.
Branding matches your store and checkout to the community your customers came from. Someone who arrives from your Discord and finds a generic checkout hesitates, and hesitation at the card form costs you the sale.
Your logo appears in several places: your store banner on the default theme, the View Cart button, and elsewhere. It accepts PNG, JPEG, SVG, WEBP or GIF, at a recommended width of at least 256px.
Use the logo your community already knows, the one on your Discord and your server banner. Recognition is the point, and a newly-designed logo that exists only on the store does the opposite. Prefer SVG, which stays sharp at every size. Otherwise use a PNG with a transparent background, comfortably wider than 256px.
Checkout Branding
Checkout Branding extends branding into the checkout itself, with custom fonts, a custom colour scheme and a custom background image. It requires the Business plan, which the dashboard badges as Business Plan Feature. Upgrade from Billing.
Checkout is the last screen before payment, and the one that looks least like your community by default.
Checkout Branding unconfigured (left) and configured with a custom font, colours and background image (right).
Getting the colours right
Pull the exact hex values from your Discord theme or website rather than eyeballing them. Keep the background quiet: a busy image behind a payment form reads as untrustworthy, while something dark and low-contrast works. Test on a phone, because background images crop unpredictably at narrow widths.
Check contrast before you save. A dark scheme that renders body text at low contrast costs you more than the branding gains. The price and the pay button have to be unmistakable, on desktop and on mobile.
Branding versus templates
Branding covers your logo, colours, fonts and checkout appearance, and applies across your store and checkout without touching code. Templates are the full storefront design, edited as Twig files. Start with Branding; reach for a template only when you need layout changes Branding cannot express.
