Log in page designer

Customize the login page for all users to look and feel like your brand

13
features: GHL
built for

Also in Brand it

Banners Buttons Custom Loader Design your own style Drag click and select designer Language selector Location level Customiser Menu Controller Pop ups Pre-made pallets Premium themes Special Theme White label domains

All of Brand it

Showing 13 of 13 results

Log In Page Builder

Log In Page Builder

Multiple Login Page Traditional layouts

Choose the login page layout from the Theme dropdown. There are 10 layouts, such as Classic Split, Modern Reverse, Minimalist Gradient, Sunset Vibes and Dark Mode Pro, each with a short description.

Save & Reset Login Page Customizations

Save Changes stores your login page design. Reset puts all theme variables back to their defaults and clears your custom CSS until you save again.

Login Page Live Preview Dashboard

See a live preview of your login page - background, image, card, logo, Email and Password fields and Sign in button - that updates as you edit and does not affect the app.

Login Page Background Gradient/Solid Color

Set the login page background as a gradient or a solid color. Type a CSS gradient, pick a solid color, or click a preset: Purple, Blue, Green or Warm.

Login Page Card Gradient/Solid Color

Set the background of the sign-in card as a solid color (for example #ffffff) or a CSS gradient in the Card Gradient field.

Primary & Accent Color Login Page Customization

Choose the Primary Color and Accent Color of the login page with a hex value or a color picker. They style the sign-in button and highlights.

Login Page Image Width Customization

Set how wide the login page image is with the Image Width field, for example 65%.

Login Page Image Shape Customization

Choose the shape of the login page image: Hexagon, Rectangle, Diagonal or Triangle, or enter a custom shape.

Add Custom Variables

Add your own login page variable with Add Variable. A new row appears where you type the variable name and value; press Enter to save the name or Esc to cancel.

Editable Login Page Theme Variables

Edit every login page setting in the Theme Variables table: colors, images, card size and radius, shadows, logo size, input styling and the responsive breakpoint. Each row has a value field and a delete button.

Login Page CSS Overrides

Add your own CSS in Custom CSS (Overrides). It is appended after the generated login page styles, so it can override them.

Login Page Logo & Background Image Upload

Upload your logo and the login background image straight from the Theme Variables table with Upload Logo and Upload Background Image. The uploaded image is filled into the variable for you.