Dashboard Login UI with HTML

Panel on the left (Login Form):

A light gray background with a simple, minimalistic design
“LOGIN” heading in bold with a subtitle
Icons for the password and username input fields
Hover effects on a purple gradient login button
Facebook and Google social media login options with appropriate branding
Layout of responsive forms

Panel on the right (hero section):

The original motivational text in bold, large type on a purple gradient background
A professional avatar serves as a stand-in for the person image.
The bottom has a sparkle icon.
Transparent circles are used as subtle background decorations.
The image container’s glass-morphism effect

Features of the Design:

Smooth transitions and modern, contemporary styling
Micro-animations and hover effects
Completely responsive design that adjusts to screens on mobile devices
Semantic HTML structure, accessible color contrast.

Figma Community – UI-UX Expert (Aashifa)

Format: FIGMA
Vector Shapes: Yes
Size: 3 MB