Login Page Branding

Customize what users see on the login screen, in the Login Page Branding section of Auth Settings. A Live Preview — with Desktop and Mobile toggles — updates as you edit, including unsaved changes.

Branding has four sub-tabs:

Identity

App Name — shown on the login heading and browser title (max 100 characters).
Logo — drag-and-drop upload (SVG/PNG/JPEG/GIF, max 2MB) or a direct URL. Recommended 200×60px with a transparent background.

Identity sub-tab showing App Name and Logo upload

Colors

Four color pickers, each with hex input and preset swatches: Primary Color (buttons and interactive elements), Background Color, Text Color, and Accent Color (links and highlights, optional).

Hero Panel

Show Hero Panel — toggle (on by default).
Hero Title and Hero Subtitle — leave either empty to hide it.
Hero Image — up to 25MB; use a tall (~9:16) image for Left/Right layouts, or a wide (~16:9) image for Background layouts.
Hero Display — four layouts: Right, Left, Background (image fills the page), or Glass (glassmorphism form over the hero image).
Hero Width — a slider (40–80%) shown only for Right/Left layouts, controlling how much space the hero takes versus the form.
Mobile Background Image — a separate image (up to 25MB) used as the full-page background on screens ≤480px, overriding the default mobile behavior.

Legal & Footer

Terms & Conditions — a URL, inline Markdown content, or both.
Privacy Policy — a URL, inline Markdown content, or both.
Support Email — shown in the login page footer.
Footer Text — free text, e.g. a copyright line (max 500 characters).

Common issues

Branding changes don’t show up — Save changes first; the Live Preview reflects unsaved edits, but end users won’t see them until you save.
Hero Width slider is missing — It only shows for the Right and Left hero layouts, not Background or Glass.