Brand
The name, the marks, the colours, the words on the landing page and the emails people receive.
Four screens decide everything a visitor sees before they have an account, and most of what they see after signing in. Brand is the group owners spend the most time in on the first day and the least afterwards.
Branding
Brand → Branding holds the identity.
| Field | Where it appears |
|---|---|
| Name | Page titles, the browser tab, emails, the docs header, the account menu |
| Tagline | Under the name where there is room, and the default page description a search engine reads |
| Logo | The marketing header, the auth screens, the documentation header, the emails |
| Favicon | Every tab and every bookmark |
| Accent colour | Buttons, highlights, borders on focus, chart series |
| Radius | How round everything is, from cards to buttons |
Upload the logo as an image with a transparent background if you can, and upload the light and dark versions if the mark is drawn in one colour. A mark that only exists in one colour will look wrong in the other mode, and this is the screen where that is fixed once.
The installation ships with a mark, and it is yours to keep or replace
The logos in public/ are what a fresh installation shows. Replacing them
from this screen is the intended route: nothing in the code refers to the
shipped files by name afterwards, so an update does not put them back.
Appearance
Brand → Appearance decides what a first visit looks like, and how much movement the product allows itself.
| Setting | What it does |
|---|---|
| First-visit theme | Whether a new visitor arrives in light or dark |
| Starting size | How large the interface is by default, from compact to largest |
| Stronger contrast | Bolder borders and text, for readability in a bright room |
| Glow | Whether the accent glows at the edges of surfaces |
| Motion | Calm or Respects people. Neither one forces animation on somebody who asked for less movement |
Every one of these is a default rather than a rule. A person can override the theme, the size and the contrast for their own account, and their choice wins.
Calm means calm, and there is no third option
There is deliberately no setting that forces movement on. Animating a page for somebody who has asked their system for less movement is an accessibility failure, and this product does not offer it.
Landing page
Brand → Landing page is the whole of the public front page, editable without touching code.
| Part | What you control |
|---|---|
| Hero | Headline, subhead, and the buttons above the fold |
| Bands | The sections below the hero, their order, and whether each is shown at all |
| Voices | What customers say, with their names, and the heading above them |
| Closing band | The last call to action and its button text, which always leads to sign-up |
| Page title | What a search engine and a browser tab call the site |
| Description | The sentence a search result shows |
Bands are reordered by dragging. Switching one off hides it without deleting its content, which is the quiet way to try a shorter page and put it back.
Social links
Brand → Social links is where the footer's outbound profiles come from: X, GitHub, LinkedIn, YouTube and
Discord. One address per network, saved together.
A field left empty is an icon that is not drawn, so an installation that has never opened this screen has no
social icons at all. That is deliberate: the footer used to carry five icons pointing at #, which is a link
that goes nowhere and says so to nobody.
An address has to be a whole http or https link. A bare handle, a # and a javascript: address are all
refused, because the footer is read by people who will click whatever is there.
Emails
Brand → Emails is the sender identity and the messages themselves.
Set the sender name, the sender address and the reply-to address.
Pick a message from the list and edit it. Each message is plain HTML with inline styles.
Use the tokens the screen lists, such as the person's name or the code.
Values are inserted as text rather than as markup, so a name with an angle bracket in it arrives as a name. Inline styles are deliberate: a stylesheet is frequently dropped by mail clients, and a message that arrives unstyled is better than one that arrives unreadable.
The short version of what to change where
| I want to change | Screen |
|---|---|
| The name, the logo, the favicon, the colours | Brand → Branding |
| Whether the site arrives light or dark | Brand → Appearance |
| The landing page's words and their order | Brand → Landing page |
| The profiles linked in the footer | Brand → Social links |
| What a confirmation email says | Brand → Emails |
| The words a search result shows | Brand → Landing page |
| What the product feels like when it moves | Brand → Appearance |
A change here is visible immediately, and settings are cached for a moment
Pages cache the settings they read for a short time by design, which is what keeps the site fast. If a change has not appeared, reload. If it still has not, the screen that owns the setting says whether a restart is needed.