Skip to main content

Start with AI Overview

The Start with AI feature in Hosted Pages enables you to generate a modern login template within minutes using AI-assisted options. Instead of coding layouts from scratch, you can upload a screenshot, provide a reference URL, or simply describe your preferred layout, and the system will build a customizable template for you.

This helps teams accelerate setup while ensuring a branded, modern, and user-friendly authentication experience.

Start with AI Feature Screenshot

Key Features

  • AI-Assisted Template Generation – Create login templates in seconds using AI.
  • Three Input Options – Start with a screenshot, URL, or descriptive prompt.
  • Custom Branding Controls – Configure colors, transparency, and font type.
  • Seamless Integration – Generated templates can be directly edited in Hosted Pages.

Use Cases

  • Rapid Branding Setup – Quickly align login pages with your brand identity.
  • Consistent Experience Across Applications – Standardize login templates across web and mobile.
  • Accelerated Login Page Creation – Instantly generate login templates without manual coding.
  • Design Exploration – Experiment with different layout styles before finalizing.

Configuration

This section walks you through setting up a Hosted Page template with AI. First, navigate to the Hosted Pages, then choose one of three creation methods: Screenshot, URL, or Prompt.

To enable the Start with AI feature for Hosted Pages, please connect with the LoginRadius Support Team.

Step 1: Navigate to Hosted Pages

  1. Go to the Hosted Pages section in Admin Console.
  2. Click on Start with AI.
  3. Enter a Template Name.

Step 2: Choose a Creation Method

Create with Screenshot

  1. Click Start with AI → Create with Screenshot.
  2. Upload Screenshot
    • Click or drag a file into the upload area.
    • Only one image upload is supported.
    • The screenshot should clearly capture your login page.
  3. Enter a Template Name.
  4. Click Generate Template – The AI will process the screenshot and build your Hosted Page template.

Create with URL

  1. Click Create with URL.
  2. Enter the URL of your existing login page.
    • Ensure the page is publicly accessible.
  3. Enter a Template Name.
  4. Click “Generate Template” – The system extracts the layout and styling from the URL to create a Hosted Page template.

Create with Prompt

  1. Click Create with Prompt.
  2. Enter a description of your desired design.
    • Example: “Split layout with left-side image, right-side login form, transparent navbar, and modern tech theme.”
  3. (Optional) Configure additional options:
    • Layout Type: Split Layout, Navbar, Footer
    • Primary Color: Transparent or custom brand color
    • Font Type: Choose from supported fonts
  4. Enter a Template Name.
  5. Click Generate Template – The AI will create a template aligned with your prompt.

When initiated, the system shows a progress pop-up, and once complete, the template will be available in your Hosted Pages list for further editing.

Best Practices

  • Use clear screenshots that highlight the login form for accurate results.
  • Provide clean, reference URLs (avoid pages that require authentication or complex scripts).
  • Be specific in your prompt descriptions, including layout, branding, and style details.
  • Always review and refine AI-generated templates to ensure brand alignment.
  • Maintain consistent design across web, mobile, and other user-facing applications.