Create a modern, professional web application UI for "Foundry" - a visual platform for building production-ready web architectures. Design with a clean, minimalist aesthetic inspired by Linear, Vercel, and Railway.DESIGN SYSTEM:- Use a sophisticated color palette: Pure white background, rich blacks (#0A0A0A), subtle grays (#F7F8F9, #E5E7EB), and a vibrant blue accent (#0066FF)- Typography: Use Inter font, with clear hierarchy (text-4xl for headers, text-base for body)- Spacing: Use consistent 4px grid system- Border radius: 8px for cards, 6px for buttons, 4px for inputs- Shadows: Subtle shadows only (shadow-sm for cards, shadow-lg for modals)- Add smooth transitions on all interactive elements (transition-all duration-200)PAGE 1 - PROJECT DASHBOARD:Create a dashboard with:- Top navigation bar with logo "Foundry" (use a hammer icon), search bar, notifications bell, and user avatar- Main heading "My Projects" with a "New Project" button (blue with white text)- Grid of project cards (3 columns) showing: - Project name and description - Status badge (Draft/Generating/Ready/Deployed) with color coding - Last updated timestamp - Preview thumbnail with gradient overlay - Quick actions on hover (Edit, Preview, Deploy)- Below projects, "Start from Template" section with template cards featuring iconsPAGE 2 - VISUAL ARCHITECTURE BUILDER:Split screen layout:- LEFT SIDEBAR (20%): Pattern library with: - Search bar - Category tabs (Authentication, Database, Payments, etc.) - Pattern cards with icons and descriptions - Drag hint text - CENTER CANVAS (50%): - Dot grid background pattern - Floating toolbar with zoom controls, undo/redo, and "Generate" button - Visual nodes representing patterns (rounded rectangles with icons) - Connection lines between nodes with flow animations - Empty state: "Drag patterns here to start building" - RIGHT SIDEBAR (30%): - Pattern configuration panel - Form inputs for selected pattern - Real-time validation indicators - "AI Assist" chat interface at bottomPAGE 3 - GENERATION PROGRESS:Full-screen modal with:- Large progress ring (like Vercel deployments)- Current step displayed in center- Progress percentage- Terminal-style log output below with syntax highlighting- Animated background gradient- Cancel buttonPAGE 4 - LIVE PREVIEW:Split view:- Device frame selector (Desktop/Tablet/Mobile)- Live iframe with loading skeleton- Floating action bar with: - Refresh button - Share link - Open in new tab - Console toggle- Bottom panel for console logsCOMPONENT DETAILS:- Buttons: Primary (blue bg, white text), Secondary (gray border), Ghost (hover bg)- Cards: White bg, subtle border, hover shadow transition- Badges: Rounded full, small text, color variants- Loading states: Skeleton screens with shimmer effect- Empty states: Friendly illustrations with actionable CTAs- Tooltips: Dark bg, white text, appear on hover- Modals: Backdrop blur, slide-up animationINTERACTIONS:- Drag and drop: Show drop zones with dashed borders- Hover states: Slight scale transform on cards- Click feedback: Ripple effect on buttons- Loading: Smooth skeleton to content transitions- Success states: Green checkmarks with fade-in- Error states: Red borders with shake animationMake it feel premium, fast, and delightful to use. The overall vibe should be "professional tool that's actually enjoyable to use" - think Figma meets Vercel.