Branding makes Hermetry look like your own application for your members and customers. You set a brand name, logos, square app icons, a favicon and two colours. They appear in the app, on your organisation’s sign-in pages and in the e-mails Hermetry sends for your organisation.
You need the Admin role or higher. Open Branding in the Organisation part of the menu, or Settings > Branding (address /admin/settings/branding).
Brand Info
| Field | Use |
|---|---|
| Brand Name | The name shown with your logo, for example Acme Water. |
| Tagline | A short line about your company, shown beside the logo where there is room. |
Visual Identity
“Logos, app icons, favicon and brand colours”.
| Field | Where it appears | Notes |
|---|---|---|
| Logo (light theme) | The horizontal logo on the sign-in pages and in mail | “48 px tall, at most 192 px wide.” |
| Logo (dark theme) | On dark backgrounds | “The light logo stands in without one.” |
| App icon (light theme) | The square icon in the admin header (28 px) and on app tiles | “The favicon stands in without one.” |
| App icon (dark theme) | The square icon on dark backgrounds | “The light icon stands in without one.” |
| Favicon | The browser tab icon | “.ico or .svg” |
| Primary Color | “Buttons, links, highlights” | Leave empty to inherit the default. |
| Secondary Color | “Coloured alternative actions and the second chart colour” | Leave empty to inherit the default. |
Each colour field has Reset to default. Hermetry derives the hover, pressed and tint shades from your colour, for the light and the dark theme, and picks a readable text colour on top.
Select Save Branding. The page says Branding saved.
Tips for good results
- Use an SVG logo with a transparent background, or a PNG at twice the display size (96 px tall).
- Provide a dark-theme logo if your light logo is dark text: members who use the dark theme would otherwise see dark text on a dark header.
- Pick a primary colour with enough contrast against white. Very light colours make buttons hard to read.
- Keep the app icon simple: it is shown at 28 px.
Where branding is used
| Place | What is used |
|---|---|
| The app (header, buttons, links, charts) | App icon, colours, brand name |
| Your organisation’s sign-in and sign-up pages | Logo, colours, brand name |
| E-mails Hermetry sends for your organisation (invitations, alarms, password resets) | Brand name, logo and primary colour |
| Browser tab | Favicon |
E-mails never carry custom code or the favicon.
Branding and your address
Branding is shown wherever your organisation is opened: on the free address <slug>.<platform domain> and on a custom domain. To give your members a fully branded experience, combine branding with a custom domain. See Web addresses and custom domains.