Theme showcase

Demo platform

This page exists so you can see every branding setting in one place. Edit the brand in the dashboard and reload — colours, fonts, logo, favicon, and footer all update without a deploy.

Typography

Headings use your Heading font; everything else uses your Body font.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Donor-facing copy renders in your chosen body font. A short paragraph gives you a feel for line height, letter spacing, and weight at body size before you commit to the choice.

Links inherit your primary colour — here is a link for reference. Inline bold and italic render too, so you can see how emphasis sits inside a paragraph.

A short quote, set in your body font.

Colours

Primary

Buttons, links, callouts.

Secondary

Muted accents, supporting UI.

Accent

Highlights and special calls-to-action.

Buttons

Primary badge Secondary badge Accent badge

Form preview

Alerts

A primary alert reuses your primary colour.

A secondary alert reuses your secondary colour.

Demo module — remove once a real module replaces it.