Plume · Sign in to your design canvas
Warm, illustrated AI design-agent sign-in landing in sky-blue and coral: a sticky frosted nav over a two-panel side-panel login card (gradient illustration aside plus email, password and social auth), floating blobs, dot-grid texture and rounded-everything Nunito type.
Summary
A warm, illustrated marketing-plus-sign-in landing page for a friendly AI product-design agent. A sticky frosted nav sits above a full-bleed sky-gradient hero that splits into a left-side product pitch and a right-side two-panel sign-in card: a coral-to-sky gradient illustration aside next to a clean email/password form with social login. Below the fold: a logo trust strip, a three-up feature grid, a full-bleed gradient prompt-library showcase band, a soft CTA card, and a dark footer. Rounded-everything, floating ambient blobs, a dot-grid texture and a playful hand-drawn underline give it an approachable, human feel.
Style
Soft, rounded, friendly SaaS aesthetic in a sky-blue + coral palette on a near-white cloud background. Heavy use of large border radii (2rem / 2.75rem), layered soft shadows with sky-tinted glows, blurred floating blobs, a faint blue dot-grid, and a hand-drawn coral underline accent. Typography is the rounded Nunito family pushed to very heavy weights (800-900) for warmth and confidence.
Layout & Structure
Single vertical scroll, all sections centered in a max-width 72rem (max-w-6xl) container with px-5 / sm:px-8 gutters. Order top-to-bottom: sticky nav, full-bleed hero with two-column pitch + sign-in card, logo strip, three-up feature grid, full-bleed gradient showcase band, centered CTA card, dark footer. The hero uses an asymmetric 1.05fr / 1fr two-column grid on large screens and stacks to a single centered column on mobile.
Sticky nav
Hero (left pitch column)
Hero (right sign-in card)
Logo trust strip
Feature grid
Showcase / prompt-library band
CTA card
Footer
Components
Two-panel side-panel sign-in card
Auth form fields
Primary submit + social auth
Floating ambient decoration
Special Notes
Fonts: Nunito only (Google Fonts, weights 400-900 + italic 700). Built with Tailwind (CDN) using a custom theme: sky/coral/ink/cloud color scales (exact hex above), borderRadius 4xl=2rem & 5xl=2.75rem, and three named shadows soft/card/lift. Icons are Phosphor via iconify-icon (ph:feather-fill, ph:sparkle-fill, ph:arrow-right-bold, ph:envelope-simple-bold, ph:lock-simple-bold, ph:eye-bold, ph:shield-check-fill, etc.) plus logos:google-icon. No em-dashes anywhere in the copy (it's even a footer joke). Voice is warm and human. Animations are pure CSS keyframes; respect the playful-but-restrained motion. Fully responsive: hero collapses from a 1.05fr/1fr grid to a single centered column, the card's two panels stack below sm, and the feature/showcase grids reflow to one column on mobile.