Cuter Mini-Geometric Login Page
A playful, modern login interface featuring a minimalist geometric illustration style with 'kawaii' character aesthetics. The design balances professional clean layouts with vibrant, animated shapes. Utilizing a split-screen approach, it pairs a charcoal-and-purple primary palette with pops of orange and yellow. Ideal for ed-tech, creative SaaS platforms, Gen-Z focused fintech, or lifestyle applications that want to convey personality and friendliness without sacrificing professional usability. Includes floating CSS animations, rounded UI components, and high-quality typography pairing.
Summary
A clean, two-column login page layout with a vibrant left-side branding area containing floating geometric characters and a high-precision, minimalist right-side form. The design uses 'General Sans' and 'Satoshi' for a modern, tech-forward feel.
Style
The style is characterized by playful minimalism. It uses bold primary colors (#6C5CE7 purple, #2D3436 charcoal) alongside warm accents (#FF8C42 orange, #FFD93D yellow). Typography uses 'General Sans' for headings and 'Satoshi' for body text. Elements feature soft corners (12px to 48px radius) and subtle elevation using 2xl shadows. Key animations include 'float' (6s, 5s, 4s cycles) and 'twinkle' (3s cycle) for background elements.
Layout & Structure
A 50/50 split-screen layout on desktop, collapsing to a single-column form on mobile. The left side is an immersive illustration zone; the right side is a centered, high-focus form area.
Desktop Split Container
Left Illustration Side
Login Form Side
Components
Floating Geometric Characters
Highly stylized shapes with simple faces that animate independently.
Modern Auth Inputs
Sleek input fields with specific attention to focus states and internal icons.