Skip to content
SavvyTechiesKeycloak SaaS Docs

Login branding

Make the hosted login pages look like your product. Branding applies at runtime — changes are live in seconds, with no restart — and covers every login-flow page: sign-in, update account information, and error.

Visual builder

Section titled “Visual builder”
  • Console: the Branding tab. Set primary color, page background, and corner radius for cards/buttons/fields, with a live preview you can switch between the Sign-in, Update Account, and Error pages.
  • Ask the assistant: “Make my login page teal with rounded corners” or “Set my brand color to #e11d48 and add my logo.”
Section titled “Logo”
  • Upload a PNG/JPG/WebP/SVG under 150 KB, or paste an https URL. The logo replaces the header on all login pages.

Custom CSS (advanced)

Section titled “Custom CSS (advanced)”

Bring your own stylesheet for full control.

  • Console: Branding tab → Custom CSS (advanced) → upload a .css file or paste it. It’s applied after the visual settings, so it overrides them, on every page.

How it works

Section titled “How it works”

The pool uses one deployed theme; per-realm branding is layered on via a dynamic, cacheable stylesheet the theme links on every page. That’s why changes are runtime and need no restart.

Custom domain

Section titled “Custom domain”

Put the login pages on your own domain (auth.yourbrand.com) via the Domains tab — see Realm Setup → Custom domains.

Section titled “Related”