---
title: "Login page"
url: "https://support.turis.app/en/article/login-page"
language: "en"
last_updated: "2025-06-10T09:43:34.946Z"
---

# Login page

Create a first impression that matches your brand before buyers even sign in. The **Login Page** settings let you choose between a minimal **Classic** layout and a fully **Branded** experience with custom imagery and colors.

* * *

## 1\. Pick a layout

| Layout | Best for | What you can change |
| --- | --- | --- |
| **Classic** | Quick setup, minimalist look | Logo only |
| **Branded** | High-impact, on-brand splash page | Logo, favicon, full-screen image, gradient background, font & button colors |

In **Settings › Login Page** simply select the radio button for the layout you want.

### Classic

A centred sign-in box with your logo on top.  
 

![](https://cdn-assets.productfruits.com/dfce4bae-8084-437b-90db-2ae2de321b51)

**Steps**

Choose **Classic – a simple login form featuring your logo**.

Click **Upload Logo** to add or replace the image.

Click **Save**—that’s it.

### Branded

Add immersive visuals, gradients, and custom UI colors.

![](https://cdn-assets.productfruits.com/0e6500db-fd94-4606-b420-b490917cc178)

**Configuration checklist**

| Section | What it does |
| --- | --- |
| **Upload Logo** | Replaces the Turis logo in the sign-in form. |
| **Upload Favicon** | Sets the tiny icon that appears in the browser tab. |
| **Full Screen Image** | Hero image that fills the right-hand side of the page. |
| **Gradient** | Pick a *Primary* and *Secondary* color, then choose **Linear** or **Radial** for the background behind the form. Select **None** for a flat color. |
| **Font Color** | Overrides the default text color inside the sign-in box. |
| **Button Background Color** & **Button Font Color** | Style the **Sign In** button. |
| **Preview** | Instantly shows how everything will look on desktop. |

> **Tip:** Stick with high-contrast color combos (e.g., dark text on light backgrounds) to keep the login form accessible.

After tweaking each field, hit **Save** to publish your new look. Buyers will see the changes the next time they load the login page.

* * *

* * *

## FAQ

| Question | Answer |
| --- | --- |
| **Can I revert to the default Turis login page?** | Yes—switch back to **Classic** and remove your logo, then click **Save**. |
| **Will the mobile login look different?** | Mobile keeps a single-column layout; your colors and images shrink responsively. |
| **How often can I update the design?** | As often as you like—changes go live immediately after you save. |

Need help sizing images or choosing accessible colors? Reach out via chat and we’ll be happy to assist.