Login

Login Templates

Authentication & access control pages

A collection of login and authentication page templates in different styles. Each template is fully interactive — click fields, toggle states, and navigate through the flows.

Split Hero Login

Popular

Classic split-screen layout with a branded hero image on the left and authentication form on the right. Features social sign-in, password visibility toggle, and remember me option.

app.scicom.com/login
scicom

Welcome back

Sign in to access your dashboard, manage projects, and collaborate with your team.

2.4k+
Active users
99.9%
Uptime
24/7
Support

Sign in

Enter your credentials to continue

name@company.com
Forgot?
••••••••
or continue with
Google
GitHub
Apple

Don't have an account? Sign up

Centered Card

Minimal

Clean, focused authentication card centered on the page. Prioritizes social sign-in with email/password as a secondary option. Ideal for SaaS products.

portal.scicom.com/auth/login

Welcome back

Enter your email to sign in to your account

Google
GitHub
or
m@example.com
••••••••

Don't have an account? Sign up

Social Sign-In

Zero Friction

Passwordless, social-first login page. Multiple identity providers with a clean list layout. Minimizes friction for new user onboarding.

connect.scicom.com/signin

Get started

Choose your preferred sign-in method

Continue with Google
Continue with Apple
Continue with GitHub
Continue with SSO
or
Continue with Email

By continuing, you agree to our Terms and Privacy Policy.

Create Account

Multi-step

Multi-step registration flow with progress indicator, password strength meter, and review step. Split layout with feature highlights. Click "Continue" to navigate through steps.

app.scicom.com/register
scicom

Start building today

Create your account and get started with our design system in minutes.

Free to start
No credit card required
Full access
All components and templates
Team ready
Invite unlimited members

Create your account

Enter your details to get started

John
Doe
john@company.com
Acme Inc.

Already have an account? Sign in

Two-Factor Authentication

Security

Verification code input with multiple method tabs (App, SMS, Email). Click code boxes to fill them in. Includes resend and recovery code options.

app.scicom.com/verify

Two-factor authentication

Enter the verification code from your authenticator app

·
·
·
·
·
·

Didn't receive a code? Resend

Use recovery code

Enterprise SSO

Enterprise

Corporate single sign-on page with Okta, Azure AD, and SAML options. Features a branded hero panel with compliance badges. Falls back to email login.

enterprise.scicom.com/sso

Enterprise Portal

Secure single sign-on for your organization

SOC 2 Compliant
Enterprise grade security

Single Sign-On

Sign in with your corporate identity provider

Continue with Okta
Continue with Azure AD
Continue with SAML
or

Need help? Contact IT support