Your name, logo, typeface, and colors live in two Settings tabs – Branding for identity, Theme for color – and flow from there to everything Fontdue renders: the demo template, embedded components, receipt emails, invoice PDFs, and the customer dashboard.11Theme colors are the one exception – they apply to web surfaces only, not to receipt emails or invoice PDFs.
Site identity
The visual and textual identity of your storefront. Set under Settings → Branding.
- Foundry name – used as the sender on receipt emails, the page title on the demo template, and the heading on the customer dashboard.
- Site URL – the public URL of your foundry’s homepage. Used as the redirect target for shared carts, as the Return to site link on the customer dashboard, and in the footer of receipt emails. Keep it in sync if you add a custom domain.
- Logo – rendered on the demo template navigation, order confirmation pages, the customer dashboard, receipt emails, and invoice PDFs. PNG only, up to 500KB; shown at 50% scale on retina displays and at 300ppi in print. For a logo with a transparent background, supply a version suited to print so it renders cleanly on the invoice PDF.
- Favicon – the icon shown in the browser tab when Fontdue serves a page.
- UI font – pick a font from your catalog to use across Fontdue’s components, receipt emails, and invoice PDFs. The bold variant is used wherever the UI renders bold text. On the demo template, the same font is used across the site. The selection is queryable through GraphQL, so your own site can pull from the same source for a consistent typography system across what Fontdue serves and what you do.
- Footer text – the copyright line in the demo template’s footer. A
{year}token becomes the current year, and the field accepts markdown; left blank, it falls back to© {year} {Foundry name}. It’s also queryable through GraphQL, so a site you build yourself can render the same line.22The field only appears when Fontdue manages your content – using the demo template, or your own site through the GraphQL API.
Theme colors
Fontdue’s components are styled with CSS custom properties like --primary_text_color and --button_background_color. The Settings → Theme tab sets the values of those properties, and they flow through to embedded components and the pages Fontdue serves – the demo template, customer dashboard, and order confirmation page. Receipt emails and invoice PDFs aren’t affected.
Each property in the list has a color picker. Changing it sets an override on that property specifically; properties you leave alone fall back to their default – or to an inherited parent property, where the help text next to each field calls that out. Unset clears a single override; Reset clears them all.
It’s possible to set these CSS properties in your own custom styles too – Theme properties lists every property, its default and inheritance, and how your overrides interact with the values Fontdue injects.