Branding

Paylent hosts login, registration, and consent pages on your environment’s subdomain. Branding settings let you customize these pages to match your application’s design — colors, logo, layout, and more.

Configuration

Branding is configured per environment. Open the Settings page in the dashboard and navigate to the Branding tab.

Available Settings

Setting	Options	Default	Description
Primary color	Any hex color	—	Used for buttons, links, and accents
Logo URL	URL	—	Displayed at the top of the login form
Dark mode	On / Off	Off	Switches the color scheme to dark
Layout	Centered, Left, Right	Centered	Position of the login card on the page
Border radius	CSS value	12px	Corner radius of the login card
Font family	Any web font	—	Custom font for the login pages
Button style	Filled, Outline, Rounded pill	Filled	Style of the primary action buttons
Card shadow	Default, None, Soft, Heavy	Default	Shadow intensity on the login card
Background type	Gradient, Solid, Image	Gradient	Type of page background
Background value	CSS gradient, color, or URL	—	The background value (depends on type)
Custom CSS	CSS code	—	Additional CSS injected into the page

Background Examples

Solid color:

• Background type: solid
• Background value: #1a1a2e

Gradient:

• Background type: gradient
• Background value: linear-gradient(135deg, #667eea 0%, #764ba2 100%)

Image:

• Background type: image
• Background value: https://example.com/background.jpg

Live Preview

The dashboard includes a live preview that updates as you change settings. The preview loads your environment’s actual login page in an iframe, so you see exactly what your users will see.

Custom CSS

For advanced customization beyond the built-in settings, use the Custom CSS field to inject additional styles. The hosted pages use CSS variables that you can override:

/* Example: custom font import and override */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap');

:root {
  --font-family: 'Outfit', sans-serif;
}

What Gets Branded

Branding settings apply to all hosted authentication pages on your environment’s subdomain:

• Login page (/login)
• Registration pages (/register, /register/verify, /register/complete)
• Consent screen (OAuth authorization prompt)
• Onboarding page (/onboarding)

API responses, the management dashboard, and emails are not affected by branding settings.