We use cookies to ensure you get the best experience on our website.

Customize the sign-up and sign-in pages in Kinde

By Claire Mahoney — Published

Authentication is often the first experience your users have with your product—so it’s worth making it feel just right. Whether you’re after a quick polish or a fully branded experience, Kinde gives you flexible tools to make your auth pages match your product.

There are three main ways to customize your sign-in and sign-up experience in Kinde:

  1. Basic customization using the built-in brand and content tools
  2. Advanced customization using your own code and CSS giving you full control
  3. Faceless – using custom pages for social sign-in

Pick what works for your team right now—and level up later.


Method 1: Basic page customization with brand and content tools

Link to this section

Great for teams who want a quick, polished look without touching code

If you’re just getting started or don’t have a developer or designer on hand, Kinde’s built-in tools are a great place to begin. They’re easy to use and allow you to personalize the look and messaging of your auth pages quickly.

What you can do

Link to this section
  • Upload your logo
  • Choose brand colors and fonts
  • Edit the default text on sign-in and sign-up pages
  • Adjust the layout for structure and spacing

Make configuration changes in the Design section in Kinde:

  1. Upload your logo and define your brand colors and fonts
  2. Navigate to the Content tab to customize default messaging
  3. Use the Layout tab to adjust the structure of the auth pages

These tools are great for teams that want an on-brand experience without needing to write code. You can have your custom look live in just a few minutes.

Follow these docs

Link to this section

Method 2: Advanced page customization with code and CSS

Link to this section

Great for teams with frontend design/dev skills who want total control over styling

Need pixel-perfect design? Want to implement custom themes, transitions, or advanced responsive behavior? Kinde gives you the ability to use your own CSS to completely control the style of your auth pages.

What you can do

Link to this section
  • Override default styles with your own CSS
  • Implement fully responsive design
  • Exactly replicate your current brand experience
  1. Review how auth pages are structured in Kinde’s page design documentation
  2. Write your own CSS styles to override Kinde’s defaults
  3. Use the tools provided in your Kinde dashboard to deploy your custom styles

This is the best route for teams who want their auth pages to feel like a seamless part of their product—visually and experientially.

Follow these docs

Link to this section

Method 3: Faceless customization with hosted pages

Link to this section

Great for teams who only need basic auth and social sign-in

If you only want some control over the structure and user journey of your authentication pages, Kinde allows you to create and host your own sign-in and sign-up pages, while still handling the authentication securely in the background. This is also known as the ‘faceless’ (as opposed to headless) method.

What you can do

Link to this section
  • Build your own sign-up and sign-in pages
  • Customize page structure and layout
  • Integrate with email or social login flows
  • Control your own user experience and flow
  1. In your Kinde application settings, enable custom authentication
  2. Copy the relevant connection IDs for your auth methods
  3. Use that connection ID in your own frontend code to link your pages to Kinde
  4. Test and deploy your custom sign-up and sign-in experience

This is a powerful middle-ground approach: you get full control over the UI/UX without needing to build and maintain your own identity platform.

Follow this doc

Link to this section

Other helpful Kinde docs

Link to this section

Design can be iterative

Link to this section

You don’t have to get everything perfect on day one. Many teams start with basic customizations and evolve to more advanced setups over time. Kinde supports you at every step, whether you’re just launching or scaling to thousands of users.

Explore, experiment, and find the level of customization that works for your team right now. When you’re ready to level up, the tools are ready for you.

Need help or have questions? Check out the full Kinde documentation or get in touch with the support team.