Authentication layout

The Authentication component installs a dedicated layout used for the sign up (registration) login (new session) and forgot password (reset password) pages.

This layout is installed in the app/views/layouts/authentication.html.erb file.

Customization

While the layout provides a clean and professional look right out of the box, there are a few elements you might want to customize:

The logo shown in the Authentication layout calls an instance of the Instrumental logo component. Refer to this component file to see which local variables you can customize, such as the logo image, image size, etc.:

app/views/shared/components/_logo.html.erb

That component is called from app/views/layouts/authentication.html.erb and that's where you'll want to pass your customizations using the local variables.

Sign up testimonial

The sign up view displays a testimonial quote to serve as social proof and encourage new users to proceed with signing up.

You can find and customize this testimonial content in the authentication.html.erb layout file.

Background image

The background texture shown in the Authentication layout is a background image that is displayed in the authentication.html.erb layout file, served from unsplash.com. You can replace that with your own image, just a background color, or remove it entirely.

Instrumental Components

I created Instrumental Components to make designing and building professional apps with Ruby on Rails easy, fast, and fun. I use it on all of my projects and I hope it helps you build something great.

Brian Casel
Brian Casel
Creator of Instrumental Components
Learn more Send me a question or request